复习五

作者: shuffle笑 | 来源:发表于2018-08-14 09:29 被阅读0次

    1,解决高度坍塌

    根据W3C的标准,在页面中元素都一个隐含的属性叫做Block Formatting Context(块的格式化环境)简称BFC,该属性可以设置打开或者关闭,默认是关闭的

    当开启元素的BFC以后,元素将会具有如下的特性:

    a.父元素的垂直外边距不会和子元素重叠

    b.开启BFC的元素不会被浮动元素所覆盖

    c.开启BFC的元素可以包含浮动的子元素

    如何开启元素的BFC

    aa.设置元素浮动

    - 使用这种方式开启,虽然可以撑开父元素,但是会导致父元素的宽度丢失,而且使用这种方式也会导致下边的元素上移,不能解决问题

    bb.设置元素绝对定位

    cc.设置元素为inline-block

    - 可以解决问题,但是会导致宽度丢失,不推荐使用这种方式

    dd.将元素的overflow设置为一个非visible的值

    zoom表示放大的意思,后边跟着一个数值,写几就将元素放大几倍

    zoom:1表示不放大元素,但是通过该样式可以开启hasLayout

    zoom这个样式,只在IE中支持,其他浏览器都不支持

    2,background-image    背景图片

    background-image可以为元素指定背景 图片,和background-color类似,这里使用的是一个图片作为背景。                       

    一个url地址作为参数,url地址需要指向一个外部图片的路径

    例如:background-image: url(1.jpg)

    3,正在点击的链接

     a:active

    :focus  获取焦点

    :before    指定元素前

    :after    指定元素后

    ::selection    选中的元素

    相关文章

      网友评论

          本文标题:复习五

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