继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

CSS命名规范以及注意事项

球球789
关注TA
已关注
手记 6
粉丝 11
获赞 28

1、css样式文件命名规范,比如reset.css为重置css,common为公共部分的样式,index.css为首页的样式。下面是我自己写的reset.css,可以根据需要再修改编辑。
`@charset "utf-8";
/ 重置样式 /

body,div,dl,dd,ul,li,h1,h2,h3,h4,h5,h6,input,form,a,p,textarea{
margin:0;
padding:0;
font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
}
ol,ul li{ list-style:none}
a{ text-decoration:none; display:block;}
img{ border:none; display:block}
.clearfloat{ zoom:1}
.clearfloat:after{ display:block; clear:both; content:''; visibility:hidden; height:0}
`
2、代码不一定要多牛逼,但一定要很规范。尽量用英文不要用汉语拼音,命名规范可以类似public-header,public-foot,这样任何编程人员一看就明白这是公共头部和公共底部。
2、li要在html中给样式,防止在html中直接给li加东西,<li class="item">内容</li>
3、学会每个div后面clearfloat清除浮动,比如<div class="nav clearfloat"></div>,在样式中需要对clearfloat进行定义
4、在写css样式的时候,盒子模型尽量写在前面,比如宽高浮动这些。
5、在写ul li时候,定义每个li margin-right:20px;,如果最后一个不需要,用item:last-child{margin-right:0px;}
6、在布局的时候能写活的不要写死的,要考虑后期的微调修改。

打开App,阅读手记
2人推荐
发表评论
随时随地看视频慕课网APP