css样式表的三种样式_IT百科

CSS样式表可以分为外部样式表、内部样式表、内联样圆洞册式。

一、外部样式表

外部样式表的作用：设置一个外部样式表，在Html页面的head中添加，通过link标签标记，rel：指定其样式为stylesheet，type：指定其格式为text/css，herf：指定到欲应用的css样式文件。此样式表应用于当前整个页面效果。

二、内部样式表

内部样式表的作用：设置一个内部样式表，在Html页面的head中添加，通过在head中添加style标签标记，type：指定其格式为text/css，此样式表只应用于当前文档。

三、内联样式

内联样式表的作用：设置一个内联样式表，在Html页面的body中添加，在添加元素的标签中声明样式，都包含在style属性中。在三个样式表中，内联样式表的优先级最高，若页面中同时存在三种样式表，内联样式会覆盖其他两种样式。

CSS的发展历程

1990年，Tim Berners-Lee和Robert Cailliau共同发明了Web。1994年，Web真正走出实验室。从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。

随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变得颤纳越来越杂乱橘宏，而且HTML页面也越来越臃肿。于是CSS便诞生了。

1.行内样式行内样式只能影响它所在的标签，而且总会覆盖嵌入样式和槐旁逗链接样式。

<p style="font-size: 12pxfont-weight:boldfont-style:italiccolor:red">By adding inline CSS styling to the><启携/p>

2.嵌入样式嵌入样式的应用范围仅限于当前页面。页面样式会覆盖外部样式表中的样式，但会被行内样式覆盖。

<head>

h1 {font-size:16px}

p {color:blue}

</style>

</head>铅卖

3.链接样式

样式的写法

例子如下

1 ) p {color:redfont-size:12pxfont-weight:bold}

2 ) h1 {color:bluefont-weight:bold}

h2 {color:bluefont-weight:bold}

h3 {color:bluefont-weight:bold}

3）假设，你在写完前面那条规则后，又想只把h3变成斜体，那可以再为h3写一条规则：

h1, h2, h3 {color:bluefont-weight:bold}

h3 {font-style:italic}

欢迎分享，转载请注明来源：内存溢出

css样式表的三种样式