当前位置: 代码迷 >> 综合 >> CSS(1)——样式表、CSS
  详细解决方案

CSS(1)——样式表、CSS

热度:25   发布时间:2023-10-01 23:23:20.0

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

  相关解决方案