CSS block-level elements and row-level elements are reprinted

CSS block-level elements and row-level elements (reprinted) and css-level elements

1. A block element generally starts from a new line. It can accommodate inline elements and other block elements. A common block element is the section tag 'P ". The "form" block element is special. It can only accommodate other block elements.
3. If no css function is available, the block elements are arranged in the order of each row. With css, we can change the default layout of html and place block elements in the desired position. Instead of just starting another line. It should be noted that table labels are also a type of block elements. table based layout and css based layout are from average users (excluding persons with visual impairment and blind people) the two la s have no difference except the page loading speed. However, if a common user inadvertently clicks the page source code button, the difference between the two is very large. The css layout page source code, designed based on a good refactoring concept, should at least allow common users without web development experience to quickly read and understand the content. From this perspective, css layout code should have a better aesthetic experience.
5. You can think of the block container element div as a box, or it is easier to understand if you have played the clipboard. First, we cut down the necessary articles from various newspapers and magazines. Each piece of cut is a block. Then we pasted the paper block to a blank new paper with glue based on our typographical intent. This forms your own unique digest Express. As an extension of technology, webpage layout design follows the same pattern ..
7. Inline elements are generally basic elements based on the semantic level (semantic. Inline elements can only contain text or other inline elements. Common inline elements are "".
9. Both block element and inline element are concepts in the html specification. The basic difference between block elements and inline elements is that block elements generally start from a new line. After css control is added, the differences between block elements and inline elements will not be the same. For example, we can add the inline element cite to the display: block attribute so that it also has attributes starting from the new line each time.
11. The basic concept of a variable element is to determine whether the element is a block element or an inline element based on the context relationship. The variable element still belongs to the above two element categories. Once the context relation determines its category, it must follow the block element or Inline element rule restrictions. For rough element classification, see the full text.
13. For the Chinese name of inline elements, there are multiple inline elements, embedded elements, in-row elements, and straight forward elements. Basically, there is no unified translation. What do you call love. When we mention inline elements, we will think of a display attribute: display: inline; which can fix the famous IE Double Floating boundary.
15. Block element)
17. * Address-address
18. * Blockquote-block reference
19. * Center-align Blocks
20. * Dir-directory list
21. * Div-common block-level labels are easy, and they are also the main labels of css layout.
22. * Dl-definition list
23. * Fieldset-form Control Group
24. * Form-interactive form
25. * H1-large title
26. * H2-subtitle
27. * H3-Level 3 title
28. * H4-4 level title
29. * H5-Level 5 Title
30. * H6-6 titles
31. * Hr-horizontal Separator
32. * Isindex-input prompt
33. * Menu-menu list
34. * Optional content of noframes-frames. (content in this block is displayed in browsers that do not support frame.
35. * Noscript-optional script content (this content is displayed in browsers that do not support scripts)
36. * Ol-sorting form
37. * P-paragraph
38. * Pre-format text
39. * Table-table
40. * Ul-non-sorted list
42. Inline element)
44. * A-anchor
45. * Abbr-abbreviation
46. * Acronym-First word
47. * B-bold (not recommended)
48. * Bdo-bidi override
49. * Big-large font
50. * Br-line feed
51. * Cite-Reference
52. * Code-computer code (required when source code is referenced)
53. * Dfn-define a field
54. * Em-emphasis
55. * Font-font setting (not recommended)
56. * I-italic
57. * Img-Image
58. * Input-input box
59. * Kbd-defines the keyboard text
60. * Label-Table label
61. * Q-short reference
62. * S-hyphen (not recommended)
63. * Samp-Defines sample computer code
64. * Select-select a project
65. * Small-small font text
66. * Span-commonly used inline containers that define text blocks
67. * Strike-dashes
68. * Strong-highlighted in bold
69. * Sub-subscript
70. * Sup-superscript
71. * Textarea-multi-line text input box
72. * Tt-telex text
73. * U-underline
74. * Var-define variables
76. Variable Element
78. The variable element determines whether the element is a block element or an inline element based on the context.
79. * Applet-java applet
80. * Button-button
81. * Del-delete text
82. * Iframe-inline frame
83. * Ins-inserted text
84. * Map-image block (map)
85. * Object-object
86. * Script-client script

 

------------------------------------------------ The preceding content