《
关于CSS网页布局id与class的命名》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233R02013.htm
--> [
网站建设之]对于CSS网页布局id与class的命名
关于CSS网页布局id与class命名或者成为大家比较头疼的问题,
关于CSS控制表格文字样式的研究，在webjx.com中早已有相干的先容，但仍是不能满意大家对常识的渴求。
一、用class_name方法写类名。
以前爱好用class-name写，不外似乎两样也没什么差异。但我比拟反对用className写类名，由于始终对阅读器大小写敏感的问题抱有猜忌立场。然而id我会写成驼峰式,
关于CSS Hack与float闭合（清除浮动），理由见下一条。
二、款式都用class而不必id。
有三个理由。
1,
关于404页的一些认识总结，id不能够反复，所以用class的话，可以胡作非为的用无数次。
2，id的优先级太高，若是写了一个#page_content a {color:#f60} ，那你完蛋了，里面要改链接色彩，都必需加上#page_content才干超出这个优先级。
3，id专门留给JS用,
六步制作DIV+CSS布局的网页，这样才合乎表示与行动分别的准则。所以id我用驼峰式,
六式建站浅见，和大家一起分享，也是为了体现这一点。
三、margin跟padding，尽量省略最后一个值。
比方margin: 20px 10px 5px ,
八秒内让客户关闭页面的25个原因;10px,
八个技巧提高Google Adsense收入; ,
全方位清理CSS中浮动;，左右值是一样的，就应当省略掉最后一个值，写成margin: ,
全兼容可高亮二级缓冲折叠菜单;20px 10px 5px; 这样到时候要改左右间距，改一个就好，省得改漏了。实在这个问题固然很渺小，但是可以看得出对margin四个值省略规矩的纯熟水平。
四、按尺度写css，再针对特定浏览器作hack。
好比，通常咱们会碰到如下的写法：
.side_col_webjx {
,
免费的网站分析工具Google Analytics使用步骤; float:left;
display: inline;
margin-left: 20px;
} Tag：CSS网页布局 命名 CSS网页布局 命名
(责任编辑：网站建设)
关于CSS网页布局id与class的命名相关文章