css权威指南 note2

Posted 2020-07-28

样式表：

外部样式表（external style sheet）

<link rel="stylesheet" type="text/css" href="yes.css">rel=relationhref(url)

候选样式表（alternate style sheet）

<link rel="stylesheet" type="text/css" href="yes.css"><link re="alternate" type="text/css" href="yes.css">需要用户选择这个样式表时才会用于文档表现。

浏览器：大多基于Gecko文档样式表=嵌入样式表（document style sheet）

写在html中<style type="text/css"></style>@import指令用于指示web浏览器加载一个外部样式表。

出现在style容器中。要放在其他CSS规则之前，否则不起作用。

<style type="text/css">@import url(stle.css);/*@import comes first*/h1{color:yellow}</style>

CSS样式优先级：内联样式表（标签内部）>嵌入样式表（当前文件中）>

外部样式表（外部文件中）在html中，对于同一个元素可以有多个CSS样式存在，当有相同权重的样式存在时，会根据这些CSS样式的前后顺序来决定，处于最后面的CSS样式会被应用。

!important:为某些样式设置最高权值。important要写在分号的前面。p{color:red !important;}

选择器:选择器（selector）声明块（declaration block）声明（declaration）属性-值对（property-value）

元素选择器：最常见的选择器往往事HTML元素。文档的元素就是最基本的选择器。

分组选择器:p,h1,h2,h3,em{color:silver;}

通配选择器（universal selector）：*{color:red;}