美文网首页
Learn HTML&CSS the hard way

Learn HTML&CSS the hard way

作者: INTERNALENVY | 来源:发表于2016-06-01 00:23 被阅读13次

    line-height有什么作用?


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

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


    caniuse.com查找 绿色为支持

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


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

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

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

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

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

    打开新的窗口链接:

    <a herf="#"  target="_blank">link</a>

    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

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