CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。那么css层叠样式表有哪几种类型?下面本篇文章就来给大家介绍一下。
内部样式表:
将样式代码写在页面标签之中
例:
body {
background-color: #F5F5F5;
color: #555;
font-size: 1.1em;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
标签结构可以位于页面标签中的任何位置,也可以多次出现。通常是将整个结构写在页面的
...部分中。这种引入CSS方式的特点是每个页面的CSS代码可能具有统一性和规划性,一个页面内部便于复用和维护,但多个页面之间的CSS代码复用仍然不够。
外部样式表(.css文件):
可使用标签链接到HTML中:rel="stylesheet"指link与href之间的关联样式为样式表文件
type="text/css"指文件类型为样式表文本
内联样式表:
利用style属性将样式写在HTML标签中。标签>
样式表优先级:
内联样式表先生效;内部、外部样式表谁在后面谁生效