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. 三种样式表的用法 :就近原则。