1.line-height有什么作用?
作用:设置行高
常用单位:px,百分比,数字
设置垂直居中通常使用技巧:
line-height:height值;
2.如何去查CSS属性的兼容性?比如inline-block
哪些浏览器支持?
答:http://caniuse.com/
inline-block:IE8以上都是支持的,还有其他浏览器的兼容情况。
3.a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?
- href:指示链接的目标;正常未访问的是蓝色,访问过的是紫色
-
title:鼠标悬停,显示链接命名
- target:规定在何处打开链接文档。
通常使用:
target="_blank"
在新窗口打开链接
- alt :指定替换文字,只能用在img、area和input元素中(包括applet元素),用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。也是SEO中让搜索引擎识别图片的作用。
title和alt更多参考资料
4.display: none , visibility: hidden, opacity:0 有什么作用?有什么区别?
|作用和区别|
---|----|---
display:none
| 隐藏,脱离文档流,下面的元素会顶上来
visibility:hidden
| 隐藏,实际上是透明的,在文档流内
opacity:0
| 透明度为0 和 visibility:hidden一样的
css中隐藏参考
区别代码演示
5.如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?
- text-decoration:none; 去除a链接默认样式
- 父容器添加颜色 a 标签不继承,必须单独设置a属性才有效。
- 本文章著作权归(风骨来客qq:2361597776)和饥人谷(QQ 群: 222459918) 所有,转载须说明来源