300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > html中样式表的类型 css层叠样式表有哪几种类型?

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

时间:2018-07-07 14:45:06

相关推荐

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

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标签中。标签>

样式表优先级:

内联样式表先生效;内部、外部样式表谁在后面谁生效

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。