Learn HTML&CSS the hard way II

line-height有什么作用?


设置行高。使文本垂直居中(高度须与div一致,并且长度在一行之内)。

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


caniuse.com查找 绿色为支持


Learn HTML&CSS the hard way II_第1张图片


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


href是链接地址,可以让鼠标变成手的图标。

title是提示文本,鼠标移动到元素上时会显示title内的文本

target是指定在何处打开链接,其中_blank为在新窗口打开

alt是在图片显示不出来的时候,显示用于解释图片当文本

title可以使用在a和img标签上的,alt只使用在img标签上的

打开新的窗口链接:

link

display: none , visibility: hidden, opacity:0 有什么作用?有什么区别?


display:none 完全从网页上去除元素,不保留DOM节点

visibility:hidden 只是无法看见,保留DOM节点

opacity:0 透明度设置为0,完全透明

display是元素完全消失,visibility和opacity只是在视觉上看不见

如何去除 a 链接的默认样式?直接在 a 链接父容器添加颜色,能否继承到当前 a 链接上?


用text-decoration:none

不能应用到连接上需要精确到a元素

代码题


已经上传

代码4的作用:将段落设置成外边距上下为0,左右自动调整,这样在拉伸浏览器时,左右外边距始终一致。


你可能感兴趣的:(Learn HTML&CSS the hard way II)