第六弹-HTML（标签的使用）
2016-06-02 本文已影响0人
我是小韩
问答
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链接上
