本文详细介绍了CSS的基础知识，包括选择器的种类如标签选择器、类选择器、id选择器和通配符选择器，以及它们在页面样式中的应用。接着讨论了字体属性，如字体系列、大小、粗细和样式，强调了在选择字体时应注意的事项。此外，还阐述了文本属性，如颜色、对齐、装饰和行间距的设置。最后，概述了CSS引入方式，包括内部样式表、行内样式表和外部样式表，强调了外部样式表在实际开发中的重要性。
CSS
本文只粘贴了重要代码
一. CSS的语法规范
使用HTML时，需要遵从一定的规范，CSS也是如此，想要熟练的使用CSS对网页进行修饰，首先要了解CSS的样式规范。
CSS规则由两个主要部分构成：选择器以及一条或多条声明
- 选择器时用于指定CSS样式的HTML标签，花括号内时对该对象设置的具体样式
- 属性和属性值以“键值对”的形式出现
- 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等
- 属性和属性值之间用英文“：”分开，以";"结束
<head>
<style>
h3 {
color: aqua;
}
</style>
</head>
<body>
<h3>小熊是大坏蛋</h3>
</body>
二. CSS基础选择器的作用
选择器
选择器就是根据不同需求把不同的标签选出来，这就是选择器的作用。
选择器分为基础选择器和复合选择器两个大类
- 基础选择器是由单个选择器组成的
- 基础选择器又分为：标签选择器、类选择器、id选择器和通配符选择器
标签选择器
标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式
语法：
标签名 {
属性1： 属性值1；
属性2： 属性值2；
属性3： 属性值3；
}
<head>
<style>
h3 {
color: aqua;
}
h2 {
color: blanchedalmond;
}
</style>
</head>
<body>
<h3>小熊是大坏蛋</h3>
<h3>小熊是大坏蛋</h3>
<h2>小熊是大坏蛋</h2>
<h2>小熊是大坏蛋</h2>
</body>
标签选择器的作用：
标签选择器可以把某一类标签全部选择出来，比如说所有的<div>标签和所有的<span>标签
标签选择器的优点：
能快速为页面中同类型的标签统一设置样式
标签选择器的缺点：
不能设计差异化样式，只能选择全部的当前的标签
类选择器
如果想要差异化选择不同的标签，单独选一个或者某几个标签，可以使用类选择器
类选择器在HTML中以class属性表示，在CSS中，类选择器以一个点＂．＂号表示
语法：
.类名 {
属性1： 属性值1；
}
注意：
- 类选择器使用“.”进行表示，后面紧跟类名
- 长名称或词组可以使用中横线来为选择器命名。
- 不要使用纯数字、中文等命名&#x
最低0.47元/天 解锁文章
2418
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
