我的前端学习笔记6——html+css

知识点总结区

1,line-height有什么作用?

line-height代表行高,即短语段之间的距离。line-height:2就是字体两倍行高,line-height:2px代表行高为2像素。

2,如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?。

登录网站can i use即可查询。

inline-block哪些浏览器支持

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>处。
  • 不能继承。

TIP

禁止转载,后果自负!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • 一,line-height行高有什么作用? 1 .行高的理解行高、行距行高是指文本行基线间的垂直距离。那什么是基线...
    kingBirds阅读 631评论 0 1
  • 1. line-height有什么作用? line-height指定一行的行高,使用后会使文本在上下居中。 lin...
    小木子2016阅读 390评论 0 0
  • 参考1.line-height12.line-height23.line-height34.line-height...
    鸿鹄飞天阅读 582评论 0 0