The line of HTML - block level - level line block

  • Row element
  1. Adjacent elements can be displayed in a row row row until no less than before line break.
  2. Width and height can not be set, alignment and other attributes, with the width of the content changes.
  3. padding and margin settings in the horizontal direction (padding-left ...) have the effect, no effect in the vertical direction.
  4. Inline elements can only accommodate the text or other inline elements.
  • Block-level elements
  1. Accounting for one or more rows.
  2. Width and height can be provided.
  3. Arranged from top to bottom.
  4. You can set padding and margin.
  5. The width is not set, the default 100%.
  6. Inline element can be accommodated, and other block elements.
  • Inline block elements
  1. Do not wrap.
  2. Width and height can be provided.
  3. Arranged from left to right.
  • Conversion between the line elements, block elements, the block elements row
  1. display: inline; inline element is converted to
  2. display: block; block element is converted to
  3. display: inline-block; block element row is converted to the


Inline elements
     * a - anchor
  * abbr - Abbreviations
  * acronym - the first word
  * b - bold (not recommended)
  * BDO - BIDI the override
  * Big - large fonts
  * br - newline
  * cite - references
  * code - computer code (in reference source when needed)
  * DFN - defined fields
  * em - stressed
  * font - font set (not recommended)
  * i - italic
  * img - pictures
  * input - input box
  * kbd - defined keyboard text
  * label - table tags
  * q - short reference
  * s - underlined (not recommended)
  * SAMP - defined sample computer code
  * select - item select
  * small - small font text
  * span - used within an associated container, the definition of the text block
  * strike - which are classified line
  * strong - highlighted in bold
  * sub - subscript
  * sup - superscript
  * textarea - multi-line text entry box
  * tt - teletext
  * U - underlined
  * var - defined variables

Block elements
  * address - Address
  * blockquote - block reference
  * center - held in alignment block
  * dir - directory list
  * div - Common block level easily, the main label is css layout of
  * dl - definition list
  * fieldset - form a control group
  * form - an interactive form
  * h1 -h6 title
  * hr - horizontal rule
  * ISINDEX - the INPUT prompt
  * the mENU - menu list
  * noframes - frames optional content (that do not support frame of the browser to display the contents of this block
  * noscript - can selected script content (does not support script browsers display this content)
  * OL - ordering form
  * p - a paragraph
  * pre - formatted text
  * table - table
  * ul - non-sorted list

The variable elements
  of the variable element is determined that the element is a block element or elements based inline Context.
  Applet * - the Java applet
  * the Button - Button
  * del - delete text
  * iframes. - inline Frame
  * INS - insert text
  * map - picture block (the Map)
  * Object - Object Object
  * script - Client Script

Guess you like

Origin www.cnblogs.com/zhuochong/p/11412544.html