css层叠样式表有哪几种类型?

CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。那么css层叠样式表有哪几种类型?下面本篇文章就来给大家介绍一下。

内部样式表:

将样式代码写在页面<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技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑