CSS(1)——样式表、CSS

CSS（层叠样式表）是用来美化页面用的，可以对页面元素进行更精细的设置，样式主要描述元素的字体颜色、背景颜色、边框等。CSS主要有元素内联、页面嵌入和外部引用三种使用方式。CSS是描述元素的皮肤！

1. 元素内联（内联样式，也叫行内样式），直接将样式写入元素的style属性中

<input type="text" readonly="readonly" style="background-color: #FF00FF" />

适用于样式没有可复用性的场合。

2. 页面嵌入（内嵌样式）：在head中加入

<style type="text/css">         
    input{border-color:Yellow;color:Red;}     
</style>

表示页面中所有input都是采用指定的样式。适合于样式复用，减小页面体积。

3. 外部引用（外部样式），将css内容写入css后缀的文件

textarea{background:yellow} 

然后在页面中引用，在head中加入

<link type="text/css" rel="Stylesheet" href="s1.css" /> 

适合于多个页面共享css。

1. 推荐把尽可能多的样式写到单独的css文件中，这样可以复用，美工人员和开发人员很好的分工。

2. 只有页面特有的样式才写到<style>中。

3. 只有元素特有的样式才写到元素的style属性中。

4. 如果不同级别的样式有冲突，详细级别、子元素的会覆盖更高级别、父元素的。

5. 三种样式表的用法 ：就近原则。