zoukankan      html  css  js  c++  java
  • HTML/CSS6

    补充:

            1. margin的margin:0  auto;会解决元素的居中,前提是给元素设置width

             2.css层叠的问题

                css有两个性质

                      1.继承性

                       2.层叠性,选择器的一种选择能力谁的权重的就选谁

                           选不中走继承性(font  color  text)继承性的权重是0        (a)有多个父级都设置了的样式走就近原则

                           选中了(a)权重的问题权重大就选谁的样式     (b)权重相同谁在后面就选择谁

                          (c)纯标签和类没有可比性  纯类和id也没有可比性

              3.标准文档流

                                 1.浏览器的排版是据居元素的特征(块级和行级)从上往下,从左往右排版,这就是标准文档流

                                  浮动float/right

                                   效果元素都加浮动后面的元素紧跟这前面的元素并排排列

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

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

              行级加float

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

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

               3.浮动的元素文字环绕

    拓展 使元素脱离标准流的方法

    1. 浮动 float
    2. 绝对定位position:absolute;
    3. 固定定位position:fixed;    fixed固定的

    浮动带来的坏处

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

    清除浮动

    1. 给浮动的父元素添加高度
    2. 给父级添加overflow:hidden;
    3. 给浮动元素的后面添加一个空的div 添加样式为clear:both
    4. 伪类选择器        
      1.   伪类选择器

        只要选择器后面带:,都可以说他是伪类选择器

        a:link{}  a:hover{}  a:visited{}  a:active{}  p:after{} p:before{}

      2. a的四种状态的顺序不能变

        伪元素 和伪类选择器的区别

        伪元素有两个冒号 p::after{}  伪类选择器有一个冒号p:hover{}

    这个类写的样式属性有

  • 相关阅读:
    如何把python最小化安装在客户机上面
    c++的历史-异常
    插件系统的构建
    ora-01445:无法从不带保留关键字的表的连接视图中选择ROWID或采样
    转--Oracle 审计和测试操作
    foreach属性-动态-mybatis中使用map类型参数,其中key为列名,value为列值
    C语言中 *.c和*.h文件的区别!
    解决方法:loadrunner 场景下执行webservice脚本是---报错10492 Error: Exception was raised when calling per-process-init function in extens
    NoSQL之Redis高级实用命令详解--安全和主从复制
    Expect安装方法
  • 原文地址:https://www.cnblogs.com/LXW2002326/p/9656950.html
Copyright © 2011-2022 走看看