CSS的三种样式情势？

CSS的三种样式情势？

1、内联式，是把css代码直接写在现有的HTML标签中；

<p style="color:red">这里文字是红色。</p>

2、嵌入式，是把css样式代码写在“style”标签之间；

<style type="text/css">span{color:red;}</style>

3、外联式，是把css代码写一个独自的外部文件中，通过“link”标签引入。

<link href="style.css" rel="stylesheet" type="text/css" />

CSS的特点

丰硕的样式定义

CSS供给了丰硕的文档样式外不雅，乃至设定文本和背景属性的能力；同意为任何元素创立边框，乃至元素边框与其他元素间的间隔，乃至元素边框与元素内容间的间隔；同意随便改动文本的大小写方式、润饰方式乃至其他页面结果。

易于使用和修改

CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面援用。总之，CSS样式表可以将所有的样式声明统一存置，停止统一治理。

别的，可以将雷同样式的元素停止归类，使用统一个样式停止定义，也可以将某个样式利用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。假如要修改样式，我们只需要在样式列表中寻到响应的样式声明停止修改。

多页面利用

CSS样式表可以独自存置在一个CSS文件中，这样我们就可以在多个页面中使用统一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其援用。这样就可以实现多个页面风格的统一。

层叠

简便的说，层叠就是对一个元素屡次设定统一个样式，这将使用最后一次设定的属性值。例如对一个站点中的多个页面使用了统一套CSS样式表，而某些页面中的某些元素想使用其他样式，就可以针对这些样式独自定义一个样式表利用到页面中。这些后来定义的样式将对前面的样式设定停止重写，在阅读器中看到的将是最后面设定的样式结果。

页面紧缩

在使用HTML定义页面结果的网站中，往往需要大量或反复的表格和font元素构成各种规格的文字样式，这样做的后果就是会发生大量的HTML标签，从而使页面文件的大小增添。而将样式的声明独自放到CSS样式表中，可以大大的减小页面的体积，这样在加载页面时使用的时间也会大大的减少。别的，CSS样式表的复用更大程度的缩减了页面的体积，减少下载的时间。

引荐教程：《PHP》

以上就是CSS的三种样式情势？的具体内容，更多请关注百分百源码网其它相关文章！