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;
。。。。
}
优点 同类型标签全部设置
缺点 没有差异化