1. Some special font styles:Indent 2 characters in first line: {text-indent:2em;}Center horizontally: {text-align:center;}Justify: {text-align:justify;}Center vertically: {vertical-align:middle;}Word spacing 2 characters: {letter-spacing:2em;}Line spacing twice times: {line-height:2;}2. The navigation bar is fixed somewhere on the page (relative to {position:fixed;left:px;top:px;}3. Block-level elements and inline elements: Common
css|dreamweaver| Tutorial
Site original content, reproduced please indicate the source Web page teaching network .
Four. Define CSS style block properties
Use the chunks category of the CSS Style Definition dialog box to define the spacing and alignment settings for labels and properties.
Define
CSS creates a color block title logo
Many websites have begun to build websites in Korean style.Most people will think of using Photoshop and other software to achieve this effect, but if there are too many such images on the web page, or when it is large, it will bring some difficulties to access. Here we will show you how to use CSS to make such a style. Becau
CSS document flow with block-level elements (block), inline elements (inline), before flipping through a lot of books, read a lot of articles, see what is fragmented CSS layout basic knowledge, comparison surface. Looking at the "CSS Authority Guide" of O ' Reilly, I was ver
In the general CSS layout, we often use the display corresponding to the value of block, none, inline three values. Let's come to know each other and learn when to use the values. Here, we will learn and understand the DIV CSS displayby using CSS display knowledge plus examples and diagrams to illustrate the way.
. Here are some examples for you
Example 1
HTML code:
The code is as follows
Copy Code
CSS code:Div{display:inline-block;width:100px;height:100px;background: #f00;}
This code in IE8 above version shows normal, already other browsers are normal, but only in ie67 invalid
And then through the CSS hack processing
Display:inline-block attribute usage in CSS
When you use CSS to implement performance, you will often be exposed to the attributes of Display:inline-block, whether it is the first contact with the Web standards or contact with the standard of a long time friends, most of this attribute feel very confused and blurred.
Css-inline (in-row) elements, block elements, margin, and padding
Features of block elements:
Always starts on a new line;Height, row height, and top and bottom margins can be controlled;The default width is 100% of its container unless a width is set.
Features of the inline element: And other elements are on one line;High, the Row Height and top and bottom marg
CSS document streams and block-level elements (blocks) and inline elements (Inline). I have read many books, read many articles, and read a lot of basic CSS layout knowledge, comparison surface. I have read o'reilly's
Document Stream
The form is divided into rows from top to bottom, and the elements are discharged from left to right in each row, that is, the doc
CSS document flow with block-level elements (block), inline elements (inline), before flipping through a lot of books, read a lot of articles, see what is fragmented CSS layout basic knowledge, comparison surface. Looking at the "CSS Authority Guide" of O ' Reilly, I was ver
CSS document flow with block-level elements (block), inline elements (inline), before flipping through a lot of books, read a lot of articles, see what is fragmented CSS layout basic knowledge, comparison surface. Looking at the "CSS Authority Guide" of O ' Reilly, I was ver
is still the row layout after the trigger. So the block element is presented as an inline object, and Display:inline plays this role (* is identified only by IE6, 7), and then triggers layout through zoom:1. Can realize the so-called inline-block. But things are far from over, this guy faces a number of funeral needs you to deal with, for example, will default to have the outside margin (IE6, 7 except). An
CSS block-level elements and row-level elements (reprinted) and css-level elements
A block element generally starts from a new line. It can accommodate inline elements and other block elements. A common block element is the sect
Div CSS display (Block none inline) attribute usage
In general CSS layout, we often use three values, block, none, and inline, corresponding to the display value. Next, let's identify and learn when to use the value. Here, we use CSS display knowledge plus examples and gra
An inline-level element attempts to insert a block-level element. This is not allowed. The only exception to inserting block-level elements in an element is the object tag. So what are inline-level elements and block-level elements ?.
Block ElementA block element is generall
The reason for writing this article stems from this article: the discussion about position in the interview and the interview, the words from the beginning:
In the interview, ask a CSS position property can brush off half of the people this is what the situation ...
In fact, I was going to go along all the way to normal flow, containing block, BFC, margin collapse,base line,writing Mode,bidi, B
In-line elements (inline element), also called inline elements;
Inline elements can hold text or other inline elements, and common inline elements include
Block element:
Block elements are generally started from new rows, and can hold text, other inline elements, and other block elements.
Even if the content is not a row,
Block-level elements: div p H1 H2 H3 h4 form ULInline elements: A b br i span input SelectCSS box model: Content, Border, margin,paddingDisplay properties in CSS (inline elements and block-level elements)The Display property values we use are:inlineblockinline-blocknoneSetting display to none will not preserve the space that the element should have shown, but vis
(line boxes). Anonymous Block Box (Anonymous block boxes): DIV > Some Text P > More text DIV >As above, the div appears to contain inline (in-line) content and block boxes, in fact, according to CSS rules, in the some text around is an anonymous block box, so that the di
This article mainly describes how to understand the CSS layout and block-level format context of the relevant information, small series feel very good, and now share to everyone, there is CSS source code, but also for everyone to do a reference. The little friends who are interested in CSS come along and look at it.
B
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.