前端学习日志0917

css高级应用技巧

 1.元素的显示与隐藏

（1）display显示：

display: none 隐藏对象——特点： 使用display隐藏之后，不再保留位置。

display：block 除了转换为块级元素之外，同时还有显示元素的意思

（2）visibility

visibility：visible ; 　对象可视

visibility：hidden; 　 对象隐藏——隐藏之后，继续保留原有位置。

（3）overflow 溢出(重点)

2.vertical-align 垂直对齐

• 有宽度的块级元素居中对齐，是margin: 0 auto;
• 让文字居中对齐，是 text-align: center;

vertical-align 垂直对齐，它只针对于行内元素或者行内块元素

3.去除图片底侧空白缝隙

解决办法：（1）给img vertical-align:middle | top| bottom等等。  让图片不要和基线对齐。

（2）给img 添加 display：block; 转换为块级元素就不会存在问题了。

4.结构伪类选择器