CSS文件储存问题

html-css09

CSS文件储存问题,第1张

当然是根据情况而定啦!

比如:

可以先定义一个基本的(每个页面都会用到的,即适用于大多数不同的项目的样式,如果你做过几个项目发现都用到的样式就可以放到这个文件里)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种选择器。