1. 请说一说什么是标签语义化
总结起来就是合理的标签来做合适的事情(每一个标签都有自己的语义)
2.都有哪些标签分别是什么意思?
块级标签:div p h1~h6 ul/li ol/li dl/dt/dd 或者header footer main section aside figure nav....
行内标签:a span em i strong small...
行内块级标签:img input...
3.这三大类标签的区别以及相互转换?
display:block/inline-block/inline
4.display除了这些值还有哪些?
none flex table grid....
5.none控制隐藏,其他让一个元素消失在视线中的方式都有哪些?
visibility:hidden
opacity:0
定位后调整z-index
足够大的负margin或者负top值
6.visibility:hidden 和 display:none的区别?
子元素的继承方面
1、如果后代元素的visibility属性存在则不会继承其父元素的visibility属性值,不存在才会继承其父元素的visibility属性值。例如:父元素的visibility为hidden但是子元素的visibility为visible则子元素依旧可见;子元素visibility不存在则子元素继承父元素的visibility值为hidden。
2、父元素的display为none,则其后的所有元素都将不可见。
占据空间方面
1、visibility:hidden时,虽然其内容被隐藏,但是它所处的空间仍然被占据。
2、display:none时,内容和空间都被隐藏,不占据空间
opacity设置透明度,IE中如何设置?=>filter在项目中除了设置透明度还可以做什么?
什么需求下用到了-margin?=>双飞翼的多种实现方案
flex在什么时候使用?=>和inline-block及float对比的区别
....
7.为什么要进行标签语义化