A study css
If not css the role of block will be the order of elements from each other has always been his way down the row. With css and after, we can change this default html layout mode, the block element you want to display the forward position. Rather than each other since his foolish. It must be pointed out that the table tag is a block element, table based layout and css based layout from general users (not including visual impairment, blind, etc.) both the perspective of the layout, in addition to pages load faster the difference, and no other difference. But if ordinary users inadvertently point the button to view the page source code, as shown by the two very big differences. Based on the concept of good design Reconstruction css page layout source, at least it did not allow the development of web users to experience the general content of fast read. From this perspective, css layout code should have better aesthetic experience it.
You will be able to block elements div containers imagination into one box, or if you played clip contained, then there would be more easily understood. We first need to articles from a variety of newspapers and magazines cut down the total. Each block is cut down the contents of a block. Then we put these pieces of paper according to its own layout intent, using glue to paste to a new blank piece of paper. The result of your own unique Digest of the Express. As a technical extension of page layout design also followed the same pattern. .
In the elements (inline element) are generally based on the semantic level (semantic) the basic elements. The only element within accommodate within the text or other elements within the common elements "a."
Block elements (block element), and the elements (inline element) are html norms in the concept. Block elements and the elements within the block is the fundamental differences between the new elements will generally begin. When joined the css control, the block elements and the elements within the same attribute the difference is not a difference. For example, we can cite the added element of the display: block this attribute, he has every attribute the beginning of the new line.
Variable element is the basic concept of the context he needs to ascertain the relationship between the elements within the block element or elements. Variable element or elements of the above two categories, once set the context of his category, he will have to follow the block element or elements within the rule. See generally classified by the elements.
Ps: on inline element of the Chinese name, with the various elements of the embedded elements, elements of the industry, Straight-elements. Basically there is no uniform translation, how love is how it is. Also mentioned in the elements, we think there is a display attribute is the display: inline; this property to repair the famous floating IE double the border issue.
Block elements (block element)
* Address - Address
* Blockquote - block quote
* Center - cited in the alignment block
* Dir - Contents List
* Div - commonly used block-level easily, but also the major labels css layout
* Dl - Definitions List
* Fieldset - form the control group
* Form - Interaction Forms
* H1 - headline
* H2 - subheading
* H3 - three Title
* H4 - four Title
* H5 - five Title
* H6 - six Title
* Hr - Boundary level
* Isindex - input prompt
* Menu - on the menu
* Noframes - frames optional content (for not supporting frame of the browser displays the contents of this block
* Noscript -) optional script content (for the script does not support the browser displays the contents)
* Ol - sort form
* P - paragraphs
* Pre - formatted text
* Table - Forms
* Ul - sort of non-List
In the elements (inline element)
* A - Anchor
* Abbr - initials
* Acronym - the first word
* B - bold (not recommended)
* Bdo - bidi override
* Big - big fonts
* Br - newline
* Cite - quote
* Code - computer code (source quoted in the time required)
* Dfn - defined fields
* Em - that
* Font - font settings (not recommended)
* I - in italics
* Img - Photo
* Input - the input box
* Kbd - definition of keyboard text
* Label - Forms labels
* Q - short quote
* S - in line (not recommended)
* Samp - defined examples of computer code
* Select - Project Selection
* Small - small text fonts
* Span - commonly used in the containers, within the definition of the text block
* Strike - in line
* Strong - bold stressed
* Sub - subscript
* Sup - superscript
* Textarea - lines of text input box
* Tt - telex text
* Var - defined variables
Variable element
Variable element based on the context Context decision to block the element or elements within the element.
* Applet - java applet
* Button - buttons
* Del - delete text
* Iframe - inline frame
* Ins - Insert text
* Map - picture blocks (map)
* Object - object object
* Script - Client
<body>
<p> This is a paragraph with <em> an inline element </ em> within it. </ P>
</ Body>
<book>
<maintitle> Cascading Style Sheets: The Definitive Guide </ maintitle>
<subtitle> Second Edition </ subtitle>
<author> Eric A. Meyer </ author>
<publisher> O'Reilly and Associates </ publisher>
<pubdate> 2004 </ pubdate>
<isbn> Blahblahblah </ isbn>
</ Book>
<book>
<maintitle> CSS2 Pocket Reference </ maintitle>
<author> Eric A. Meyer </ author>
<publisher> O'Reilly and Associates </ publisher>
<pubdate> 2004 </ pubdate>
<isbn> Blahblahblah </ isbn>
</ Book>
The default display:
Use css to define showed levels:
Book, maintitle, subtitle, author, isbn (display: block;)
Publisher, pubdate (display: inline;)
Now Showing:
Tags: CSS DIV, CSS effect, css manuals, css templates, div css, div css layout
Releated Posts
Categories
- CSS Properties (491)
- CSS Tutorial (1154)
- CSS Tutorial By Examples (1201)
- Css+Div Web Design (3274)
- Xhtml and Web Design (1797)
Archives
Pages
Leave a Reply