- display:block 转换为块元素
- display:inline 转换为行内元素
- display:inline-block 转换为行内块元素
- 注意:几乎不会把块元素转换为其他元素,用的最多的是行内元素转换为行内块元素或者块元素,比如a
居中方法
text-align(文本,行内元素,行内块元素) 如果要实现以上内容实现居中,给他们的父元素设置text-align属性
margin:0 auto方法
让块元素水平居中,直接给当前元素设置属性
垂直居中:line-height 单行文本
line-height
CSS特性
继承性
应用:
- 给ul设置list-style:none;去除默认的小圆点样式;
- 给body设置统一的font-size的样式,统一不同浏览器的默认字体大小(移动) 继承性失效问题:
- h标签系列的标签,font-size会继承失效
- a标签color会继承失效
层叠性
优先级
继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<!important !important写在属性值的后面。分号的前面,提升不了继承的优先级,继承是优先级最低的
盒子模型
内容:通过width和height设置的就是内容的区域大小 边框:border:5px solid yellow;粗细和样式必须一起写,颜色可以省略