You can define the link styles in different content blocks by different rules. Similar to this: #nav a:link or #main a:link or #footer a:link. You can also define different styles for the same elements in various content blocks. For example, the styles of #main p and #sider p are defined by #main p and #sider p respectively. Structurally, your pages are made up of pictures, links, lists, paragraphs, and so on, and these elements themselves do not have an impact on what network devices are displayed (PDAs or mobile phones or internet TVs), and they can be defined as any appearance of the presentation.
A carefully structured HTML page is very simple, and each element is used for structural purposes. When you want to indent a paragraph, you do not need to use the blockquote tag, as long as you use the P tag, and the P plus a CSS text-indent rules can be used for indentation purposes. P is a structured label, Text-indent is a performance attribute, the former belongs to HTML, the latter belongs to CSS. (This is the legend of the structure and performance of the separation)
A well-structured HTML page has almost no label that behaves as a property. The code is very clean and concise. For example, the original code
, you can now write only in HTML
, everything that controls performance is written in CSS, and in structured HTML, table is the table, not anything else (not to be used for layout and positioning). Of course, CSS selectors are not just that simple, except for the ID and class as well as descendant selectors, property selectors, and so on.
