第一题
- line-height(行高),可以表示一行文字的高度,当div里面没有元素的时候,line-height可以撑开元素的高度。
- 可以用来单个元素的垂直居中。当我们知道元素的高度的时候,line-height等于height的时候会垂直居中,其实可以省去height的值,因为line-heiht可以撑开。
第二题
-
通过caniuse官网查询属性的兼容性
第三题
a标签
- href属性表示a标签的链接地址
- title属性表示在点击目标元素的时候出现的提示内容
- target属性表示用什么样的方式打开链接。
title alt属性的区别
- title属性表示当鼠标放在标签内容的时候显示的提示文字。title属性不像alt属性,它不是某一个标签的专属属性,所以可以用在很多的标签上,包括<img>、<a>、<p>等标签。
- alt属性表示图片无法显示的时候,出现的代替文字。所以alt是img标签的专属属性,所以<a>标签是不允许出现alt属性的。alt属性防止img无法显示或网络环境不佳的情况下,帮助用户理解图片内容,帮助搜索引擎理解图片信息。
在新窗口打开链接
给a标签的target属性设置target='_blank'
第四题
元素不可见的区别
-
display:none
元素不可见。这个属性会让元素完全消失,不会占有原来的空间,会被下一个元素占用。 -
visibility:hidden
也表示元素不可见。但是这个元素还是会占有自己的空间,不会让下一个元素填充。 -
opacity:0
opacity表示元素的透明度,当透明度为0 的时候元素就消失了,空间还是会被自己占有。
第五题
消除a表示的默认属性和直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上
- 要消除a标签的默认属性
text-decoration:none 消除下划线
,color: ... 改变颜色
也可以调整字体大小font-size
。 - 不能继承到a标签上面,但是可以继承到其他子元素,例如div,p等
代码题
代码作用
子元素定宽度水平居中,可以用于布局,wrap固定宽度,不会随着浏览器的改变而改变大小。