HTML 基础-3

本教程版权归饥人谷_佩佩216和饥人谷所有,转载须说明来源.

  1. line-height有什么作用?
    css 标签,用于设置行间距离(行高),line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部。
  2. 如何去查CSS属性的兼容性?比如inline-block哪些浏览器支持?
    可以使用Can I use查询,以下绿色显示的浏览器版本支持inline-block。
    Paste_Image.png
  3. a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?display: none, visibility: hidden, opacity:0有什么作用?有什么区别?
  • a标签中的href是属性,title可以让鼠标悬停在超链接上的时候,显示该超链接的文字注释,target为打开链接的页面。
  • title 和 alt有什么区别:  a、含义不同:title是对图片或者链接的描述与进一步说明,alt是当图片不存在时的替代文字; b、在浏览器中的表现不同:在firefox和ie8中,当鼠标经过图片时title值会显示,而alt的值不会显示;只有在ie6中,当鼠标经过图片时title和alt的值都会显示。 c、对于网站seo优化:搜索引擎对图片意思的判断,主要靠alt属性。所以在图片alt属性中以简要文字说明,同时包含关键词,可以优化页面。
  • 如果需要在新窗口打开链接,只需要在a链接中将target 设为target="_blank"即可。
  • display: none, visibility: hidden, opacity:0,这三个都是将元素隐藏,但是对于页面的影响效果不一样。 display: none , 会改变页面布局,相当于将元素删除; visibility: hidden , 不会改变页面布局,也不会触发该元素已经绑定的事件。 opacity:0,不会改变页面布局,但是会触发该元素已经绑定的事件。
  1. 如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?
    去除a链接的默认样式,可以在css中设置a链接各个状态下的颜色和反应效果,去除下划线则是添加text-decoration:none。直接在a链接父容器中添加颜色无法继承到当前的a链接。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • line-height有什么作用? 设定行高,文本默认上下居中line-height示例 如何去查CSS属性的兼容...
    王难道阅读 354评论 0 0
  • 问答 line-height有什么作用?如何去查CSS熟悉的兼容性?比如inline-block哪些浏览器支持? ...
    coolheadedY阅读 421评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 一,line-height行高有什么作用? 1 .行高的理解行高、行距行高是指文本行基线间的垂直距离。那什么是基线...
    kingBirds阅读 629评论 0 1
  • 那位学姐一路把莜莜两人送到女生寝室楼下,跟宿管阿姨说了一些什么话就匆匆离去了,走的时候叮嘱了莜莜一句,要是想换号码...
    cm九尾狐阅读 298评论 0 0