内部样式表:
将样式代码写在页面<style>...</style>标签之中
例:
<style type="text/css"> body { background-color: #F5F5F5; color: #555; font-size: 1.1em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } </style>
<style>...</style>标签结构可以位于页面<HTML>标签中的任何位置,也可以多次出现。通常是将整个<style>...</style>结构写在页面的<head>...</head>部分中。这种引入CSS方式的特点是每个页面的CSS代码可能具有统一性和规划性,一个页面内部便于复用和维护,但多个页面之间的CSS代码复用仍然不够。
外部样式表(.css文件):
可使用<link>标签链接到HTML中:
<link rel="stylesheet" href="样式路径及全称" type="text/css"/>
rel="stylesheet"指link与href之间的关联样式为样式表文件
type="text/css"指文件类型为样式表文本
内联样式表:
利用style属性将样式写在HTML标签中。
<标签 style="属性:属性值;属性:属性值;"></标签>
样式表优先级:
内联样式表先生效;内部、外部样式表谁在后面谁生效
以上就是css层叠样式表有哪几种类型?的详细内容,更多请关注0133技术站其它相关文章!