HTML与CSS的一些知识(四)

时间:2022-01-15 17:01:45

  续:

    line-height  用于设置一行文本行高,一般用于文本的垂直居中;

    display  用于设置元素的显示方式

    float  浮动,让元素漂浮起来排列

      浮动的影响:

        a.浮动后,行内元素可以支持宽高

        b.文本会让位,绕排

        c.不能撑起父级高度,父级若没设高度,就没有高度;

      清除浮动影响:

        a.给父级内容最后添加一个 div ,添加 clear 属性

        b.给父级设置 overflow:hidden (不推荐使用)

        c.使用伪元素 after

          元素名:after{content:“”;display:block;visibility:hidden;clear:both;height:0;line-height:0;}元素名{zoom:1(针对ie678)}

        d.使用双伪元素 after和 before

          元素名:after ,元素名:before{content:“”;display:table;clear:both;}元素名{zoom:1(针对ie678)}

    position  定位

    vertical-align  元素垂直对齐方式;定义基线对齐方式;