CSS基础学习笔记（一）

一、CSS简介

CSS是层叠样式表的简称，有时候我们也会称之为CSS样式表或级联样式表，主要用于美化html页面，担任美容师的角色，在开发中也是必不可少的。
总结为一句话：html主要做网页的结构，显示元素内容，css做美化，布局页面

1. CSS语法规范

二、CSS基本使用

2.1 CSS基础选择器

2.1.1 CSS选择器作用

选择器就是根据不同需求把不同的标签选出来，这就是选择器的作用，简单来说就是选择标签用的。

2.1.2 CSS选择器分类

选择器分为基础选择器和复合选择器两个大类，我们这里先讲解一下基础选择器，复合选择器下一遍笔记再讲。

• 基础选择器是由单个选择器组成的
• 基础选择器又分为：标签选择器、类选择器、id选择器和通配符选择器

2.1.3 CSS标签选择器

总结：标签选择器起到一个统一选取的作用，方便做统一修改样式。

2.1.4 CSS类选择器

基础语法格式（css）：

具体使用到标签上：


总结：可以从一组相同的标签中选出自己想改的标签，然后按照命名习惯进行命名，再通过class属性使用css样式。

类选择器特殊使用------多类名

• 多类名使用场景

• 多类名使用方式
  

2.1.5 Id选择器

总结：跟类选择器功能差不多，唯一不同的是id只能在文档中出现一次，是个唯一值。

选择器和类选择器区别：

2.1.6 通配符选择器

总结：一般使用清楚页面格式，其他情况下一般很少用。

2.1.7 选择器总结

2.2 CSS字体属性

2.2.1 字体系列（font-family）

注意：如果一个div标签中设置了几种不同的字体，系统会从左到右岸顺序对字体进行设置，如果第一个字体系统中没有，会跳到使用第一个设置的字体。

2.2.2 字体大小（font-size）

2.2.3 字体粗细（font-weight)

2.2.4 字体样式（font-style)

2.2.5 font复合属性

2.2.6 字体属性总结

2.3 CSS文本属性

CSS文本属性可定义为文本的外观，比如说文本的颜色、对齐文本、装饰文本、行间距

2.3.1 文本颜色（color）

2.3.2 文本对齐（text-align）

注意：文本对齐只能对水平方向对齐（一行的中间位置），不能进行垂直对齐（一列的中间）。

2.3.3 文本装饰（text-decoration）

2.3.4 文本缩进（text-indent）

2.3.5 行间距（line-height）

注意：改变行间距只是改变上下间距的一个距离，字体的大小是不变的。

2.3.6 文本属性总结

三、CSS引入方式

3.1 CSS引入方式分类

按照css样式书写的位置不同，css样式表可以分为三大类：
1、行内样式表（行内式）
2、内部样式表（嵌入式）
3、外部样式表（链接式）

3.2 行内样式表

3.3 内部样式表

3.4 外部样式表

3.4 引入方式总结

结束语

本次笔记记录的是css一些简单的使用，也是最基础的，下一遍笔记是关于css一些更为复杂的使用以及复合选取器等等内容。
如果发现文章有什么错误之处，欢迎指正
谢谢大家的观看