CSS
概念:
层叠样式表
样式单独定义在样式表中, 多个样式表可以按照规则层叠为一.
作用:
1. 解耦, 分离内容展示和样式指定.
2. 提升代码的复用性, 可维护性. 分工更加容易
和html结合方式****
1. 内联样式, 仅当前标签生效
在标签内使用style属性指定css代码
2. 内部样式, 只在当前页面生效
在head标签内，定义style标签，style标签的标签体内容就是css代码
3. 外部样式, 引入该文件的所有页面都会生效
1. 定义css资源文件。
2. 在head标签内，定义link标签，引入外部的资源文件
优先级:
内联>内部>外部
语法:
选择器{
属性1:值;
属性2:值;
...
}
选择器*****
作用: 用于查找页面中的元素
分类:
id选择器
#id
一般用于查找单个元素
类选择器
.类名
一般用于查找多个同类元素(class属性相同的元素)
元素选择器
标签名
查找标签名称相同的所有元素
并集选择器
选择器1,选择器2,....{}
把所有选择器选择的结果合并为最终结果.
后代选择器
选择器1 选择器2{}
选择选择器1指定的所有后代选择器2元素
选择器1>选择器2{}
直接子元素选择器
选择选择器1指定的直接子元素选择器2
只查找儿子元素, 层级更多的不关注
属性选择器
元素名称[属性名=‘属性值‘]
查找指定元素名称, 并且属性名=指定属性值的元素
盒子模型**
内边距
对于一个元素来说, 内容和边框的间距.
box-sizing: border-box;
防止内边距设置时对尺寸的影响
外边距
对于一个元素来说, 边框和外部最近的一个元素的距离
float：浮动
left
right
原文：https://www.cnblogs.com/maomaodesu/p/12012904.html