2021-01-09

css的引入方式：
在head标签内使用link标签来引入外部样式表
rel：取值为stylesheet时说明其是一个样式脚本
type：text/css是一个css文本
herf：给定引入资源的路径
例如：
！内部样式标定义在html当中的head标签内，使用一对style标签内部样式表
！type属性当中给定text/css说明当前时css文本
css样式分两部分：大括号前为选择器，大括号当中是css对象
css称为层叠样式表
css的三种引入方式：内联样式(直接放在标签内)
内部样式(用选择器)
外部样式(需要创建一个.css项目调用)
【三种样式表的优势】
内联样式表只针对当前标签，当前页内无法复用
内部样式表当前页可以复用，但无法全局复用
外部样式表可以全局复用

css的规则和特性
1.继承性(父元素的某些样式可以被子元素继承)
2.层叠性(一个元素添加多个不同效果，效果会叠加)
3.优先级(/就近原则/)

页面中有多个元素需要使用相同元素的时候，可以使用选择器
1.标签选择器：页面中多个元素需要使用同一个样式的时候，可以使用标签选择器。
2.类选择器：页面中有不同元素是需要使用同一个样式的时候使用
派生选择器：包含元素选择器和后代选择器
后代选择器：选中当前元素的所有子孙元素时
子元素选择器：只能选当前元素中子元素
id选择器：给某个页面添加样式的时候可以使用id选择器
选择器组：多个元素需要使用一组css规则的时候
伪类选择器：
：link 给没有被电击过的超链接加样式
：visted 给点击过的超链接加样式
：active 给没有被激活的元素添加样式
：focus 鼠标获取焦点时给元素添加样式

边框和线条
四边加边框 border：0px solid（实线）bule
单边加边框 ：(分别对应上下左右)
border-top border-bottom border-lift border-right
元素溢出时的处理属性
scroll：溢出时使用滚动条
hidden：溢出时隐藏
auto：只有侧边的滚动条
边框圆角：border-radius：0px；

css的边框和边距
！改变块元素的边距并不会影响到块元素的一个实际内容显示
设置四边边距：padding：线内边距margin：线外边距
给四边设置不同边距(顺序按照：上右下左）
单边设置：margin-lift (同单边加边框类似）
对称边的设置（上下 左右）
padding：10px 20px
当左右边距值为auto时会水平居中
margin：20px auto；
【设置字体】
字体：font-family
字体大小：font-size
字体加粗：font-weight
文本颜色：color
文本排列：text-align
首行缩进：text-indent：3em(3em表示首行缩进三个字的位置）
行高：line-height：2em

text-decoration：none(可以将超链接下的横线去掉)