zoukankan      html  css  js  c++  java
  • 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;

  • 相关阅读:
    简单的jQuery无缝向上滚动效果
    http://yuanma.wxb0.com/ 唯品源码网站
    vue.js 2.0 --- 安装node环境,webpack和脚手架
    记住密码后,密码框Password会自动带出数据
    http://ask.dcloud.net.cn/question/11695 nativeUI的使用(移动的)
    微信内置浏览器 如何小窗不全屏播放视频?
    webstrom快捷键
    6个html5页面适配iphone6的技巧
    rem的js
    docker打包容器成镜像文件、镜像文件加载到镜像
  • 原文地址:https://www.cnblogs.com/gzxbk/p/9647856.html
Copyright © 2011-2022 走看看