日期:2014-05-17  浏览次数:20579 次

关于css优先级及怎样设计css书写

css大致有4个级别,一个是浏览器默认css,一个是外部css,一个是内部css,一个是内联css,他们的优先级逐渐提高,也就是内联css优先级最高,何为内联,就是标签里设置的css样式,举个例子<p style="color:red">this is a paragraf.</p>这里直接在标签里设置的样式就是内联样式,而内部css就是在本页面里<style type="text/css">.body{color:red}</style>来书写的css,而外部css就是引入的外部css样式表了。


下面说一下css样式表的设计,刚开始的时候,我感觉如果2个选择器,或者多个选择器拥有相同的css样式,就应该将他们合并,这样既可以节省空间,有方便查看,但是,我的想法在实践中被无情的打击了,当你设计一个大型网站的css时,每一个选择器他们的样式是不固定的,有时候可能会不停的改变,这样入过一个样式修改了,和他公用的选择器怎么办?所以,不要怕浪费空间,而且对于css样式表来说也占用不了多少空间,所以设计css样式表的时候,最后为每一个选择器一个样式。另外,给选择器起名字的时候,最好起一些持久性的名字,什么意思呢?就是如果一个样式表示是黑天,你最好不要把它起为black,很可能将来黑天不一定选择black来表示,所以我的意思就是尽量起一个可以无论怎样改变样式,都能理解他是做什么用的。


@by 2013-01-23