这是我参与「第四届青训营 」笔记创作活动的的第2天
一、本堂课重点内容：
- CSS基础认知
- 基础选择器
- 字体和文本样式
二、详细知识点介绍：
- CSS中文名称叫做
层叠样式表 - 作用：是给页面中的HTML标签设置样式
CSS引入方式
-
内嵌式：CSS 写在style标签中通常约定写在 head 标签中 -
外联式：CSS 写在一个单独的.css文件中,需要通过link标签在网页中引入 -
行内式：CSS 写在标签的style属性中,之后会配合js使用
CSS基础选择器
（1）标签选择器
结构是:标签名 { css属性名：属性值； },通过标签名，找到页面中所有这类标签，设置样式. 标签选择器选择的是一类标签，而不是单独某一个,无论嵌套关系有多深，都能找到对应的标签
（2）类选择器
结构是：.类名 { css属性名：属性值； }，通过类名，找到页面中所有带有这个类名的标签，设置样式，类选择器以一个点显示。
- class属性的属性值称为类名
- 类名可以由数字、字母、下划线、中划线组成，但不能以数字或者中划线开头
- 一个标签可以同时有多个类名，类名之间以空格隔开
- 类名可以重复，一个类选择器可以同时选中多个标签
（3）id选择器
结构是：#id属性值 { css属性名：属性值； }，通过id属性值，找到页面中带有这个id属性值的标签，设置样式，id选择器可以为标有id的HTML元素指定特定的样式,id选择器以“#”来定义
- 所有标签上都有id属性
- id属性值唯一的，不可重复
- 一个标签上只能有一个id属性值
（4）通配符选择器
结构是：* { css属性名：属性值； }，代表所有的标签用来设置样式
字体和文本样式
（1）字体样式
-
字体大小：
font-size -
字体粗细：
font-weight -
字体样式：
font-style -
字体类型：
font-family -
字体类型：
font属性连写
（2）文本样式
-
文本缩进：
text-indent -
文本水平对齐方式：
text-align -
文本修饰：
text-decoration
三、实践练习例子：
这里展开几个主要实例：
1、css引入方式
2、css选择器-通配符选择器
3、文本修饰
四、课后个人总结：
- 本章知识点中主要是对CSS的基础知识、引入方式有了充分的理解，能够使用基础选择器在HTML中选择元素，能够使用字体样式和文本样式。
