CSS笔记三

89 阅读1分钟
  • 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;粗细和样式必须一起写,颜色可以省略