The last time I demonstrated the effect of div to others, I wrote a css style but it could not be rendered. Finally, I accidentally found that when I was writing a css style, I named a class a name starting with a number. I remembered that I also had this problem when I was just learning style sheets last year. I finally solved it by stating that the name in CSS should not start with a number, but preferably a letter.

The following is: CSS naming convention

XHTML-CSS writing recommends that all lowercase attribute values ​​in xhtml code must be enclosed in double quotes ("") up, and must have a value. Each tag must have a beginning and an end, and must have the correct level. Empty elements must have an ending tag or add "/" after the beginning tag. The performance is completely separated from the structure, and there is no need in the code. Any expression elements involved, such as style, font, bgColor, border, etc. The definitions from

to

should follow the principle from large to small to reflect the structure of the document and facilitate search engine queries. Add a unique, structural tag ID to each table and form. Add comments to important blocks, such as: Add alt tags to images. All tags must be properly nested. There must be an element before the root element to declare its use. Which DTD root element must have the xmlns attribute to specify the namespace of http://www.w3.org/1999/xhtml

CSS style sheet specification: id and class naming adopt the section's Name English words or combinations, with the first word in lowercase and the first letter of the second word in uppercase, such as: newRelease (latest product/new Release) Each block of the CSS style sheet should be commented out and try to use English naming principles without adding dashes or dashes. Try not to abbreviate underline unless it is a word that is easy to understand at a glance

CSS naming convention

During this period, I did some research on CSS naming due to work needs, mainly to create documents Such standards can make it easier for people to understand and understand.

DIV CSS名称 说明 网站公用相关 电子贸易相关

Container div	#container	容器
Header or banner div	#header	页头部分
Main or global navigation div	#mainNav	主导航
Menu	#menu	菜单
Sub Menu	#submenu	子菜单
Left or right side columns	#sidebarA, #sidebarB	左边栏或右边栏
Main div	#main	页面主体
Content div	#content	内容部分
The main content area	#contentMain	主要内容区域
Footer div	#footer	页脚部分
Tag	#tag	标签
Message	#msg #message	提示信息
Tips	#tips	小技巧
Vote	#vote	投票
Friend Link	#friendlink	友情连接
Title	#title	标题
Summary	#summary	摘要
Sub-navigation list	#subNav	二级导航
Search input	#searchInput	搜索输入框
Search output	#searchOutput	搜索输出和搜索结果相似
Search	#search	搜索
Search results	#searchResults	搜索结果
Copyright information	#copyright	版权信息
brand	#branding	商标
branding-logo	#brandingLogo	LOGO
Site information	#siteinfo	网站信息
Copyright information etc.	#siteinfoLegal	法律声明
Designer or other credits	#siteinfoCredits	信誉
Join us	#joinus	加入我们
Partnership opportunities	#partner	合作伙伴
Services	#service	服务
Regsiter	#regsiter	注册
Status	#status	状态
Products	.products	产品
Products prices	.productsPrices	产品价格
Products description	.productsDescription	产品描述
Products review	.productsReview	产品评论
Editor's review	.editorReview	编辑评论
New release	.newsRelease	最新产品
Publisher	.publisher	生产商
Screen shot	.screenshot	缩略图
FAQ	.faqs	常见问题
Keyword	.keyword	关键词
Blog	.blog	博客
Forum	.forum	论坛