<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3初识(一)</title>
<!-- CSS的第三种写法,外部样式表 -->
<!-- 将样式编写到外部的CSS文件中,可以使用到浏览器的缓存机制,从而加快网页的加载速度,提高用户的体验。 -->
<link rel="stylesheet" href="css/css3_1.css">
<style>
/*CSS的第二种写法,内部样式表*/
/*
CSS的基本语法:
选择器 声明块
选择器,通过选择器可以选中页面中的指定元素,比如p的作用就是选中页面中所有的p元素
声明块,通过声明块来制定要为元素设置的样式,由一个一个的声明组成
声明是一个名值对结构,以冒号连接,分号结尾
简单选择器:
id选择器、class选择器、标签选择器、通配符选择器
通配符选择器是对全部的标签都生效,包括HTML的<body>标签。一般来说,都是用通配符选择器对所有的标签进行初始化用的。
css权重:
选择器 权值
!important Infinity(正无穷)
行间样式 1000(256进制)
id 100
class|属性|伪类 10
标签|伪元素 1
通配符 0
*/
p{
color: red;
}
</style>
</head>
<body>
<p class="zhongwenming" id="zhongwenming">CSS的中文名:层叠样式表</p>
<!-- 网页是多层结构,我们所能看见的是最上面一层 -->
<p style="color: red;font-weight: bold">行内样式表,css的第一种写法</p>
</body>
</html>
——————————————以下是css文件内容————————————————
#zhongwenming{
color: deepskyblue;
font-weight: bold; /*字体加粗*/
}
原文:https://www.cnblogs.com/lyrebirth-world/p/12667322.html