问答
-
line-height有什么作用?
行高,是指一行文字的高度,专业解释是指两行文子间基线间的距离。
注意行高不能设置为负数,该属性会影响行框的布局,在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。行高可以设置html元素的垂直居中,目前学习到的方法有:
1.把height和line-height设置一样的值可实现单行文字居中
2.在表格外的元素设置 display:table-cell,在表格的元素内容设置vertical-align:middle可以实现多行文字垂直居中
ps:一篇不错的css行高line-height的用法介绍
-
如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?
通过老师推荐的Can I use网站可以查询到。
-
a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?
- a是超文本链接标记,href代表链接指向的跳转地址,title是链接的描述信息,当鼠标放上去会显示,target是指跳转方式。
alt常用在图片元素上,当图片资源加载失败时会显示该文字。title是辅助性提示文字,当用户把鼠标放上去才会去显示。
通过把target值设置为_blank打开新窗口定位到目标地址
-
display: none, visibility: hidden, opacity:0有什么作用?有什么区别?
- display:none 隐藏元素,并且脱离文档流
- visibility:hidden也是隐藏元素,但不会脱离文档流,占据的位置依然生效,只是不显示它而已,但不会触发到js事件
opacity:0 是设置透明度为0,用户就看不到此元素,但是对js的事件还说可以触发的。
如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?
通过
a{ text-decoration: none; }
去除a链接的默认样式直接在a链接父容器上添加颜色不会继承到当前 a 链接上。而其它的属性例如字体大小会继承,要想改变a链接的颜色,可以在通过派生选择器直接选中a然后添加颜色属性。
** 本教程版权归作者和饥人谷所有,转载须说明来源! **