转换块元素,嵌套规则,继承失效-第七天

元素显示模式相互转换

• display:block 常用于增大a标签的相应区域
• display:inline-block 转换成行块元素

HTML嵌套规则

• 块级元素可以存放任何元素,p标签除外

• p标签中不要嵌套div,p,h等块级元素

• 行内元素最好只用来存放其他行内元素或者文字,a标签可以存放块级元素

• a标签不能嵌套a标签

可继承属性

• color

• font-swsf

• text-indent

• text-align

• line-height

继承失效的情况

• a标签文字颜色会优先执行系统自带的样式,而不是继承父元素样式
• h标签的文字大小不会收到继承影响
• div标签的高度不能继承,宽度有类似集成的效果,实际上是块级元素独占一行的特性

去除li标签小圆点

• list-style:none 可被继承,一般用在样式初始化

统一不同浏览器的默认文字大小

• 直接给body标签设置统一的font-size