比如:
可以先定义一个基本的(每个页面都会用到的,即适用于大多数不同的项目的样式,如果你做过几个项目发现都用到的样式就可以放到这个文件里)css样式,
然后每个页面都用一个link引入这个样式文件,并放在其它引入css样式的link之前(以防其它样式文件的属性被覆盖)
最后再根据需要定义其它的css式样表文件(多个文件的情况一般是,样式很庞大,且项目明显有大的几种不同方式的排版和样式,这样用分别引入,比如QQ空间,可以在多种主题之间切换的;当然如果不考虑加载速度和切换的问题,写在一个文件里是没问题的,如果文件本来就小大可不用关心加载速度的问题),以及内部样式和局部样式
最好的标准就是能满足你实际需要的标准!能满足需要才是最重要的!
外部:在head内加<link rel="stylesheet" href="xxx.css" type="text/css" />内部:在head内加<style type="text/css">css代码</style>
内联:在标签内加style,如<div style="font-size:14pxcolor:#FF0000">
<div id="demo">
<div class="inner">
<p><a href="#">链接</a></p>
<p><input type="checkbox" name="" id="" /></p>
</div>
</div>
class 选择器 .inner{ width:100px}
id 选择器 #demo{ width:100px}
标签 选择器 p{ width:100px}
后代选择器 p a{ color: #f60}
伪类选择器 a:hover{ color: #f00}
伪元素选择器 a:after{ clear: both}
属性选择器 input[type=checkbox]{ margin-left: 10px}
css3选择器
由于ie的问题,比较常用的是前4种选择器。