Basic knowledge of DIV + CSS web page layout

The CSS tutorial section contains a lot of CSS knowledge, which is comprehensive. However, many beginners of CSSer come to this site and are still confused, some basic knowledge about DIVCSS web page layout is now available for you to learn. You are welcome to add some suggestions.

CSS naming rules

I. File naming rules

Global style: global.css;

Frame layout: layout.css;

Font.css;

Link style: link.css;

Print Style: print.css;

Ii. Naming rules for common classes/IDS

Webpage: header

Content

Container: container

Footer: footer

Copyright: copyright

Navigation: menu

Main navigation: mainMenu

Subnavigation: subMenu

Logo: logo

Banner

Title: title

Sidebar: sidebar

Icon

Note: note

Search: search

Button: btn

Login: login

Link

Information Box: manage

......

The names of common classes should be based on common English words as much as possible, so that they are easy to understand and can be annotated in appropriate places. For the second-level class/ID naming, the composite writing mode is used, and the first letter of the last word should be written as follows: for example, the "search box" should be named "searchInput", "Search icon", and "Search button" should be named "searchBtn ".

• 6 pages in total:
• Previous Page
• 1
• 2
• 3
• 4
• 5
• 6
• Next Page