问答

1.line-height有什么作用?

1.line-height 用来设置行高；
2.在特殊情况下可以设置上下居中；

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<div style="border:solid 1px;" >
  <p style="height:80px;;line-height:80px;text-align:center;">我是段落</p>
</div>
</body>
</html>

1.如何去查CSS熟悉的兼容性？比如inline-block哪些浏览器支持？

访问 http://caniuse.com/ 去查询
inline-block的支持

Paste_Image.png

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

href 是链接的地址如果#表示当前页
tite 是鼠标移动到a标签上的提示信息
target 决定链接打开的方式其中 target="_blank" 代表空白页 target="_self" 代表在当前窗口打开
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的

<p Title="给链接文字提示">文字</p> 
<a href="#" Title="给链接文字提示">文字</a> 
<img src="图片.gif" alt="给图片提示">

摘抄自w3c
code

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<a href="#"  target="_self" title="点我试试！">新的一页</a>
<a href="http:\\www.baidu.com" target="_blank" title="点我进百度">百度</a>
</body>
</html>

4.display: none , visibility: hidden, opacity:0 有什么作用？有什么区别？

opacity: 0;占据空间，可以点击

Paste_Image.png

display: none; 不占据空间，无法点击

Paste_Image.png

visibility: hidden; 占据空间，无法点击

Paste_Image.png

答案摘抄自 http://blog.csdn.net/zxf13598202302/article/details/50354644

5.如何去除 a 链接的默认样式？直接在 a 链接父容器添加颜色，能否基础到当前 a 链接上？

如下文去掉【百度】a标签的默认样式使用 div a{} 去掉

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <style type= "text/css">
   div a{
     text-decoration: none;
     color: blue;
   }
   div a:hover{
     color: pink;
     transition: 0.3s;
   }
  </style>
</head>
<body>
<a href="#"  target="_self" title="点我试试！">新的一页</a>
<div>
<a href="http:\\www.baidu.com" target="_blank" title="点我进百度">百度</a>
</div>
</body>
</html>

直接在 a 链接父容器添加颜色，不能继承到a链接上

第六弹-HTML（标签的使用）

第六弹-HTML（标签的使用）

问答

1.line-height有什么作用?

1.如何去查CSS熟悉的兼容性？比如inline-block哪些浏览器支持？

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

4.display: none , visibility: hidden, opacity:0 有什么作用？有什么区别？

5.如何去除 a 链接的默认样式？直接在 a 链接父容器添加颜色，能否基础到当前 a 链接上？

推荐阅读更多精彩内容