CSS属性自学笔记（学习视频：pink老师前端开发）

CSS三大属性
层叠性
1.在相同的样式下，或者在相同选择器下，样式有了冲突，才考虑层叠性。原则为就近原则。
选择离结构近的那个样式。
继承性
子标签会继承父标签样式。
子标签继承的父标签权重为0
例如：text- font- line- 或color属性
优先级
选择器
1.若相同，考虑层叠性
2.不相同，考虑权重
权重
继承or* 0,0，0,0
元素 0,0，0,1
类，伪类选择器 0,0，1,0
ID选择器 0,1,0，0
style 1,0，0,0
！important 无穷大

文字属性
font-family 设置字体类型
font-size 设置字体的大小
color 字体加粗
font-weight 字体加粗
text-align:center 文本居中
line-height 设置单行文本垂直居中
margin: auto 设置标签水平居中
字体大小要跟px

背景属性
background-color 设置背景的颜色
backgroung-coloer:rgba() 设置背景透明度
background-image:url() 设置图片背景

< h1>标题
< p >段落
< img>图片
< a>链接

内联样式
style属性 < html>
内部样式
< style></ style>
外部样式
< link rel=“stylesheet” href=" ">
rel:指定资源跟页面的关系
href：资源的地址

盒模型
由content+padding+border+margin组成
padding：10px 代表上下左右都是10px
padding：10px 20px 代表上下为10px，左右是20px
padding：10px 20px 30px代表上10px 左右20px 下30px
padding：10px 10px 10px 10px 代表上下左右都是10px

浮动
float：left； 左浮动
float：righ；右浮动
float：none；不浮动

空格的规范
1.属性值前，冒号后留一个空格
2.选择器与{之间留一个空格

CSS选择器
选择标签，种类多
基础 单个选择器
标签名{
属性1：值1；
。。。。
}
优点 同类型标签全部设置
缺点 没有差异化