这是我参与**「第四届青训营 」**笔记创作活动的第1天

css的选择器：

css的导入方式有四种：

1.行内样式：在标签元素中添加一个style的属性
2.内部样式：在head部分添加一个style标签
3.外部样式：使用link来链接外部的css文件
4.导入式：（是css2的标准，在style中使用@import url("style.css")的格式来导入

css的三种基本选择器：

1.标签选择器：会选中页面中所有该标签的元素
2.类选择器：使用点＋class名的方式，不同的标签可以有相同的class名，也就是可以同时控制多个标签的额样式（提高可复用性）
3.ID选择器：使用#＋ID名，ID是唯一的，全局只能有一个
选择器的优先级为：ID选择器＞类选择器＞标签选择器

层次选择器

1.后代选择器：直接使用空格表示一个元素的子元素都被选中
2.子选择器：使用大于符号表示只选中当前元素的下一级元素（只包括子元素，若子元素还有子元素则不包含在内）
3.兄弟选择器：使用加号+来表示选择对下的第一个相邻的元素
4.通用选择器使用波浪线~来表示选中对下的所有元素

伪类选择器：

使用冒号来选择（nth-child)选中当前父级的某一元素并且是相同的才生效）

美化网页元素：

字体样式：

1.font-family  字体
2.font-size 字体大小
3.font-weight 字体粗细

文本样式：

1.text-align 对齐方式
2.text-indent 段落首行缩进
3.text-decoration文本修饰
    3.1 underline 下划线
    3.2 line-through 中划线
    3.3 overline上划线
均可以添加一个颜色属性

列表样式：

使用一个div来限制列表的范围和大小

背景：

1.背景颜色 color
2.border 设置边线
3.background-repeat 设置重复样式
4.background-image 使用url添加图片元素到背景中

盒子模型：

margin外边距：margin：auto 水平居中

border 边框：
    1.颜色
    2.样式
    3.粗细
可以直接 border：1px solid red;该方式来设定
注意到body中有一个边框的默认值

圆角边框：
    可以按照顺时针方向从右上依次设置每一个圆角的大小
padding为内边距

外边框和内边框都是有四个属性分别为上右下左，可以直接四个数字来设置，也可以一个数字或者两个数字来设置