HTML引入CSS样式三种方法及优先级 CSS样式的写法

朱雀 2021-03-26 13:53 793阅读 0赞

# HTML引入CSS样式三种方法及优先级： #

**方法**

css的样式引用由3种方式。分别为行内样式、内部样式（嵌入式）和外部样式；

行内样式：                  在对象的标记内使用对象的style属性定义适用的样式表属性，格式定义为 :`<div style="内容"><div>`；

内部样式（嵌入式）：是由`<style></style>`标记对放在`<head></head>`中；

外部样式 ：                  是把CSS文件放在网页外面，通过链接<link>使CSS文件对本网页的样式有效，`<link type="text/css" rel="stylesheet"  href="css                                         文件的存放地址">`；

优先级：行内样式最高、内部样式（嵌入式）次之、外部样式优先级最低；

# CSS样式的写法： #

![1173987-20170617122535962-984522987.gif][]

每个属性有一个值。属性和值被冒号分开；如果要定义不止一个属性，则需要用分号将每个声明分开；

分类：

**1、组选择器：**

被分组的选择器可以分享相同的声明，用逗号将需要分组的选择器分开；

h1,h2,h3,h4,h5,h6 { color: green; }

**2、后代选择器：**

通过依据元素在其位置的上下文关系来定义样式；

li strong { font-style: italic; font-weight: normal; }

**3、ID选择器：**

id 选择器以 "\#" 来定义；

#red {color:red;} #green {color:green;}

**4、CLASS类选择**器：

.center {text-align: center;}

**5、伪类选择器：**

<a></a>

a:link {color:red;}

a:visited {color:green;}

**6、继承：**

子元素继承父元素的样式；子元素的子元素同样继承样式；若不想被继承，则其css样式要重写；

[1173987-20170617122535962-984522987.gif]: /images/20210326/1616766951617.gif

发表评论取消回复

表情：

评论列表（有 0 条评论，793人围观）

还没有评论，来说两句吧...

相关阅读