zoukankan      html  css  js  c++  java
  • css-css权威指南学习笔记6

    第八章 padding/border/margin

    1、对于只包含文本的行,能改变行间距里的属性只有line-height/font-size/vertical-align

    2、对行内非替换元素应用负外边距,左右两端可能与其他内容重叠。

    3、边框绘制在元素的背景之上。(可修改)

    4、要把单边属性放在简写属性之后,防止覆盖。

    5、不论行内元素的边框指定怎样的宽度,元素的行高都不会改变,见1.

    第九章 颜色和背景

    1、边框颜色在未声明的情况下,会默认应用前景色或者继承来的颜色。

    2、应用背景图像的情况下,最好同时声明背景色

    3、利用百分数值设定背景图的位置时,百分数的含义是将元素的百分数值的点与图像百分数值的点对齐

    4、背景图像开始于左上角的内边框处(同时也是内边距处)。

    5、改变background-position可以改变平铺开始的位置

    第十章 浮动和定位

    1、一个元素浮动时,其他内容会环绕该元素。常见的如浮动一个img,p的内容会围绕img分布

    2、浮动元素的margin不会合并

    3、浮动元素会延伸,从而包含其所有后代浮动元素,所以,将父元素设置为浮动元素,就可以把浮动元素全都包含在其父元素内

    4、行内框与一个浮动元素重叠时,其边框背景内容都在浮动元素之上显示;块框与一个浮动元素重叠时,其边框和背景在该浮动元素之下显示,但是内容在浮动元素之上显示

    5、clear应用于块级元素,表示left或right或both不允许存在浮动元素

    6、要使一个清除元素的顶端与一个浮动元素的底端之间有一定空间,可以为浮动元素设置一个margin-bottom,给清除元素设置margin-top并不方便(清除区域的原因)。

    7、对于一个非根元素,如果position值是absolute,包含块是最近的position值不是static的祖先元素

    8、top/right/bottom/left应用于position值不是static的元素。元素的外边距边界相对包含块的内边距边界(边框)偏移。

    9、position:absolute中top:auto;left:auto意味着元素位于未定位前的位置(原本该出现的位置)。

    10、让绝对定位的图片居中显示的一种方法:

    img{
                position: absolute;
                margin: auto auto;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
            }

    11、相对定位如果过度受限,那么bottom等于-topright=-left

  • 相关阅读:
    AtCoder Beginner Contest 167
    AtCoder Beginner Contest 166
    AtCoder Beginner Contest 165
    AtCoder Beginner Contest 164
    AtCoder Beginner Contest 163
    AtCoder Beginner Contest 162
    AtCoder Beginner Contest 161
    AtCoder Beginner Contest 160
    AtCoder Beginner Contest 159
    自定义Mybatis自动生成代码规则
  • 原文地址:https://www.cnblogs.com/zczhangcui/p/6229098.html
Copyright © 2011-2022 走看看