知识点总结区
1,line-height有什么作用?
line-height代表行高,即短语段之间的距离。line-height:2就是字体两倍行高,line-height:2px代表行高为2像素。
2,如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?。
登录网站can i use即可查询。
3,a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?
href含义是链接,其后接网址。通常形式为
<a href="www.baidu.com" target="-blank">显示内容</a>
补充:即使没有网址又要href,即
<a href="#">显示内容</a>目的在于鼠标放到这个上箭头会变成手的形状。
title,当鼠标放在显示内容上是会出现注释标签,内容就是title中的内容。
<a href="www.baidu.com" title="XX" target="-blank">显示内容</a>
target,点击显示内容时跳转的目标,加上
target=-blank
怎会开启新窗口显示内容,否则则会刷新掉当前页面。title既是html的标签,又是属性,作用是鼠标放在链接上回显示提示;
alt是属性,只能用在img、area和input元素中(包括applet元素),用来指定替换文字,用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。
4,display: none, visibility: hidden, opacity:0 有什么作用?有什么区别?
-
dispay:none
:该元素将在网页中消失,也不会占用网页中的空间。 -
visibility:hidden
:该元素依然占据原来的位置,只不过变得不可显示了。(可理解为透明了) -
opacity:0
:透明度属性设置为0,依然占据原来的位置。
5,如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?
- 更改链接颜色:
a{color: XXX}
去掉下划线:a{text-decoration:none}
鼠标放到连接上时的变化可以通过cursor:none
去除 - 锚点:
<a href="#XXX" target="-blank">我是连接</a> <p id="XXX">djfhdjfhdjfhdj</p>
这样下次打开我是连接就会自动定位到页面的<p>djfhdjfhdjfhdj</p>处。 - 不能继承。