为了账号安全,请及时绑定邮箱和手机立即绑定

CSS命名规范以及注意事项

2016.06.14 09:42 1617浏览

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、在布局的时候能写活的不要写死的,要考虑后期的微调修改。

点击查看更多内容

本文原创发布于慕课网 ,转载请注明出处,谢谢合作

2人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消