美文网首页饥人谷技术博客
html常见标签,链接,锚文本,表格,隐藏和透明

html常见标签,链接,锚文本,表格,隐藏和透明

作者: 风骨来客 | 来源:发表于2016-08-17 19:13 被阅读0次

1.line-height有什么作用?

作用:设置行高
常用单位:px,百分比,数字

0328B211-FE4E-40EB-A1BC-7AD8D664E269.png

设置垂直居中通常使用技巧:line-height:height值;

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

http://caniuse.com/
inline-block:IE8以上都是支持的,还有其他浏览器的兼容情况。

59496F5D-CCCD-4F11-8137-9A953CDEF82E.png

3.a 标签的href, title, target 是什么? title 和 alt有什么区别?如何新窗口打开链接?

  • href:指示链接的目标;正常未访问的是蓝色,访问过的是紫色
  • title:鼠标悬停,显示链接命名


    CDCB35FA-EB55-43CA-93C0-9ECE0F81B27D.png
  • 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链接默认样式
14D7E641-9A97-4545-9163-69E0F4C3CC60.png
  • 父容器添加颜色 a 标签不继承,必须单独设置a属性才有效。
D43A89D6-03B5-47FB-A305-57066BF053A7.png 61C2B711-B6AF-4983-A0F7-A2815186F080.png
  • 本文章著作权归(风骨来客qq:2361597776)和饥人谷(QQ 群: 222459918) 所有,转载须说明来源

相关文章

  • html常见标签,链接,锚文本,表格,隐藏和透明

    1.line-height有什么作用? 作用:设置行高常用单位:px,百分比,数字 设置垂直居中通常使用技巧:li...

  • Day21HTML

    HTML标签 文本标签 列表标签 图片和超链接 数据表格 复杂表格

  • 2018-09-17 ----html总结

    html简介 head标签 文本标签 图片和超链接 表格标签

  • html基础

    html标签 文本标签 列表标签 图片和超链接 数据表格 不规则表格

  • 初识HTML

    HTML基础 文本标签 列表 图片和超链接 表格 homework.html

  • 认识html

    认识html 文本标签 列表标签 图片标签 超链接(重点!!!!!!!!!!!!!) 表格标签

  • day20

    一、初识HTML 二、文本标签 三、列表 四、图片和超链接 五、表格 六、复杂的表格

  • day21-web基础知识

    一、初识HTML 二、文本标签 三、列表 四、图片和超链接 五、表格 六、复杂的表格

  • html标签

    1、html标签 2、文本标签 3、列表标签 4、图片超链接 5、数据表格 6、复杂表格

  • day1-html

    1.html标签 2.文本标签 3.列表标签 4.图片标签和超链接 5.数据表格 6.复杂表格 7.作业-复杂表格...

网友评论

    本文标题:html常见标签,链接,锚文本,表格,隐藏和透明

    本文链接:https://www.haomeiwen.com/subject/wwlmsttx.html