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{}

    这个类写的样式属性有

  • 相关阅读:
    27. Remove Element
    26. Remove Duplicates from Sorted Array
    643. Maximum Average Subarray I
    674. Longest Continuous Increasing Subsequence
    1. Two Sum
    217. Contains Duplicate
    448. Find All Numbers Disappeared in an Array
    566. Reshape the Matrix
    628. Maximum Product of Three Numbers
    UVa 1349 Optimal Bus Route Design (最佳完美匹配)
  • 原文地址:https://www.cnblogs.com/LXW2002326/p/9656950.html
Copyright © 2011-2022 走看看