line-height有什么作用?
1、对于文章类文字上下排间隔一般我们对对象设置设置line-height行高属性即可实现让自动换行文字排版均匀间隔多少设置。
2、对单排文字上下垂直居中假如我们一个固定30px高度div对象,如果要让其文字内容上下垂直居中,我们即可使用line-height:30px即可。
![Z}NE]$JSKAW3(5]R~X94)W4.png](https://img.haomeiwen.com/i1436600/5a9c9364d793154f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?
- 进入网站can i use可以查CSS属性的兼容性。
- inline-block哪些浏览器支持
![AL(3NMAVRF@9Z@L18]ZC8JW.png](https://img.haomeiwen.com/i1436600/a1b404f7faec4ec3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?
- href:链接属性。
title:当鼠标放在文字上面时,显示链接文字标题。
target:有四种属性值,_blank表示在新窗口中打开链接;_parent表示在父窗体中打开链接;_self表示在当前窗体打开链接,即默认值;_top表示在当前窗体打开链接,并替换当前窗体; - title 和 alt有什么区别?
alt:一般用于 img 中,当图片显示不出来时,以未加载图片的形式显示文字提示。
titile:当鼠标放在文字上面时,显示链接文字标题。
区别:
![I5B9P(0)0M@0B]SET1P@6(U.png](https://img.haomeiwen.com/i1436600/44fa73be69f0657a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
display: none, visibility: hidden, 有什么作用?有什么区别?
- display:none;表示隐藏对应的元素,在文档布局中不再给它分配空间,它各边的元素会合拢, 就当他从来不存在。
- visibility:hidden;表示使用该属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在,也即是说它仍具有高度、宽度等属值。
- opacity:0;表示透明,包括背景和内容。
区别:
5XZ(R(288H5M$A3{`{JYP6A.png如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?
- text-decoration:none;去掉默认样式。
- 不能,需要单独在a标签上设置样式才能添加颜色,不过字体大小可以继承父容器。
网友评论