HTML入门DAY08

继承

概念：有上下级关系的元素之间，上级元素的样式被下级元素所拥有，这个现象就是继承，文本相关的属性和列表相关的属性会被继承。

单行文本溢出显示省略号

1.设置宽度
2.强制不换行：white -space：nowrap；/pre 保留原格式
3.设置溢出隐藏 ： overflow：hidden；
4.设置溢出的标识是省略号： text-overflow:ellipsis;
overflow-hidden隐藏 |auto 自动调整是否出现滚动条 |scroll 滚动条‘

元素类型及转换

常规分类：
块级元素：默认独占整行，可以设置宽高（div）
行级元素：有多宽占多宽，不可以设置宽高，垂直方向的内外边距。span，a
行内块元素：有多宽占据多宽，可以设置宽高。img
可变元素：了解
非主流分类：
置换元素 ：浏览器通过解析元素的属性和属性值，决定渲染什么样的效果
input img button
非置换元素：除去置换的就是非置换。
元素类型的转换
display：block行级元素 | inline块级元素 |inline-block行内块元素
层级选择器:
e f {}选中e元素的后代f
e >f{}选中e元素的子代f