Shulou(Shulou.com)06/01 Report--

This article mainly explains "what are the knowledge points of DIV+CSS specification naming". The content of the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what are the knowledge points of DIV+CSS specification naming".

. _ m {width:450px;margin:0 auto} table.mm_table {background:#CCC;margin:0 auto} table.mm_table td, table.mm_table th {background:#FFF; text-align:left; font-size:12px; line-height:28px; text-indent:10px;} table.mm_table th {background:#EEE; font-weight:bold} I. description of naming rules:

1) all names are preferably lowercase

2) the value of the attribute must be enclosed in double quotation marks (""), and must have values such as class= "", id= ""

3) each label should have a beginning and an end, and should have the correct level, and the typesetting should be regular and neat.

4), the empty element should have an ending tag or add "/" after the starting tag

5), presentation and structure are completely separated, and no expressive elements are involved in the code, such as style, font, bgColor, border, etc.

6), to the definition, should follow the principle from big to small, reflect the structure of the document, and is conducive to the search engine query.

7) add a unique, structural tag id to each table and form

8) tag the picture with alt

9). Use English naming principles as far as possible

10) try not to abbreviate, except for words that are easy to understand

DIVCSS5 introduces common CSS naming and DIVCSS naming methods.

2. Naming the CSS style relative to the important part of the outer layer of the web page:

Coat wrap-for outermost layer

Head header-for head

Main content main-for main content (middle)

Left main-left-left layout

Right main-right-right layout

Navigation bar nav-web menu navigation bar

Content content-for the body in the middle of the page

Bottom footer-for bottom

3. DIV+CSS naming reference table:

The following are CSS style naming and CSS file naming reference tables, and DIV CSS naming collections:

CSS style naming description web page public naming # wrapper page periphery control overall layout width # container or # content container for outermost # layout layout # head, # header header # foot, # footer footer # nav leading navigation # subnav secondary navigation # menu menu # submenus # sideBar sidebar # sidebar_a # sidebar_b left or right bar # main page body # tag tag # msg # message Tip # tips Tips # vote Voting # friendlink links # title title # summary Summary # loginbar search input Box # hot Hot spots # search search # search_output search output and search results # searchBar search bars # search_results search results # copyright copyright Information # branding Trademark # logo website LOGO logo # siteinfo website Information # siteinfoLegal legal statement # siteinfoCredits reputation # joinus join us # partner Partners # service Services # regsiter Registration arr/arrow Arrow # guild Guide # sitemap site Map # list list # homepage Home Page # subpage Secondary Page subpage # tool # toolbar toolbar # drop drop-down # dorpmenu drop-down menu # status status # scroll scroll .tab. Left .right .center left, center, Right .news news .download .banner banner (top banner) e-trade-related .products .products _ prices product price .products _ description product description .products _ review product review .editor _ review editor comment.news _ release latest product .publisher manufacturer .screenshot thumbnails .faqs FAQs keyword keyword .blog blog .forum forum CSS file naming description master.css Style.css 's main module.css module base.css basically shares layout.css layout Layout themes.css theme columns.css column font.css text, font forms.css form mend.css patch print.css print

Other instructions for CSS naming:

DIV+CSS naming summary: it doesn't matter whether you use the "." (lowercase period) selection symbol or the "#" (pound sign) selection symbol, but we'd better follow that the main, important, special, outermost box is named with the "#" (pound sign) selection symbol, and everything else is named with the "." (lowercase period) selection symbol. Also consider the reuse of calls in HTML by the named CSS selector.

Usually, the most commonly used names are: wrap (coat, outermost), header (header, header), nav (navigation bar), menu (menu), title (column title, generally used with H2\ h3\ h4\ h5 tags)

, content (content area), footer (footer, bottom), logo (logo, can be used with H2 tags), banner (advertising bar, usually at the top), copyRight (copyright). Others can be used selectively according to their own needs.

DIVCSS5 suggests that the main, important, outermost boxes are named with the "#" (pound sign) selection symbol, and the rest with the "." (lowercase period) selection symbol.

The 2.CSS style file is named as follows

Major master.css

Layout layout.css

Column columns.css

Literal font.css

Plot style print.css

Topic themes.css

Thank you for your reading, the above is the content of "what are the knowledge points of DIV+CSS specification naming". After the study of this article, I believe you have a deeper understanding of what the knowledge points of DIV+CSS specification naming have, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.