• 9.14


    1. margin的margin:0 auto; 可以解决居中问题

    2. css两个性质  

      1)继承性

      2)层叠性  选择权重大的作为样式属性

          A:选不中走继承性    继承性的权重是零

             a.有多个父级设置同样的样式,就近原则

          B.选中

             a.谁的权重大选谁

             b.权重相同,选择后者

             c.纯标签和类没有可比性,纯类和id也没有可比性

    3.标准文档流

      浏览器的排版是根据元素的特征(块和行级),从上往下,从左往右排版。

      浮动  float:left、right;

      效果:元素都加浮动,后面的元素会紧跟着前面的元素并排排列。

        A.只要加了float,这个元素就会脱离标准文档流。

          第一个加了float,对于第二个元素就会变成标准文档流中的第一个,于是就会把它排在第一位,而第一个依然存在,所以就会叠加。

          行级加float,脱离标准流,块不像块,行不像行,能设置宽高,能并排排列。display就没有任何意义了。

        B.浮动的元素会紧紧贴靠在一起

        C.浮动的元素会文字环绕。

    4.使元素脱离标准文档流的方法

        1).浮动float

        2).绝对定位 position:absolute;

        3).固定定位 position:fixed;     fixed固定的

    5.浮动带来的坏处

        给元素添加浮动,撑不起父级的高度了

      清楚浮动

          1)给浮动的元素添加高度

          2)给附加添加overflow:hidden;

          3)给浮动元素的后面添加一个空的div  添加样式为clear:both;

  • 相关阅读:
    001.Git简介与安装
    004.MySQL主库手动复制至从库
    001.MySQL高可用主从复制简介
    SQL Server之索引解析(一)
    设计模式之简单工厂模式
    设计模式之总体介绍
    .NET Framework与.NET Core
    【python opencv】二维直方图
    【python opencv】直方图均衡
    【python opencv】直方图查找、绘制和分析
  • 原文地址:https://www.cnblogs.com/gzxbk/p/9647856.html
Copyright © 2020-2023  润新知