HTML继承和元素类型转换

1.继承

​ 概念：有上下级关系的元素之间，上级元素的样式被下级元素所拥有， 这个现象就是继承。

文本相关的属性和列表相关的属性会被继承

2.单行文本溢出显示省略号 【面试题】

​ 1.设置宽度 width;*px；

​ 2.强制不换行 white - space :nowrap；

​ 3.设置溢出隐藏 overflow：hidden；

​ 4.设置溢出的标识是省略号 text -overflow：ellipsis；

​ 多行文本于溢出显示省略号 ，用js实现

​ white-space：nowrap不换行|pre保留原格式

​ overflow：hidden 隐藏| auto 自动调整是否出现

​ 滚动条|scroll 出现滚动条|scroll-x x轴滚动条（y同理）

3.元素类型及转换

​ 常规分类

​ 块级元素：默认独占整行，可设置宽高等

​ 行级元素：有多宽占据多宽，不可以设置宽高，垂直方向的 内外边距

​ 行内块元素：有多宽占据多宽，可以设置宽高等

​ 可变元素: 略

​ 非主流分类

​ 置换元素：浏览器通过解析元素的属性和属性值，觉得渲染什么样的效果。

 input  img  button

​ 非置换元素:除去置换元素就是非置换元素

​ 元素类型的转换1语法；

​ display: inline 行级元素 | block 块级元素 |inline -block 内行块元素 |none 隐藏

​ 层级选择器

​

                       e  f{}       选中e元素的后代f

​						e > f{}      选中e元素的子代f

​						e，f{}       选中e和f 

4.项目

​ css文件夹

​ reset.css 重置样式表（normalize.css）

​ common.css 公共样式表

​ 名字.css 对应页面的css

​ image文件夹

​ 名字.html 对应页面的html