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

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

方法

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

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

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

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

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

CSS样式的写法：

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

分类：

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样式要重写；

 

# html # css # 前端
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

COC云运维中心新特性解读，让智能运维更高效

avatar 华为开发者空间
cover

简单几步，基于云主机快速为Web项目添加AI助手

avatar 华为开发者空间
cover

GaussDB性能调优

avatar 华为开发者空间