• CSS小知识


    1.行高无单位

      line-height:2  此种写法表示行高为文字大小的两倍,即文字大小为16px,行高则为32px

    2.文字风格

      font-style:italic/oblique/normal

      共有三种属性值,italic:斜体字,oblique:倾斜的文字,normal:正常

      italic和oblique在视觉上效果一样

    3.首行缩进(text-indent)

      1.可以取负值

      2.只对第一行起作用  

    4.文字间距

      letter-spacing:控制字间距

      word-spacing:控制英文单词间距

    5.设置小型大写字母

      font-variant:small-caps

    6.CSS列表属性

      list-style-type:disc(实心圆)/circle(空圆)/square(方块)/none

      注意:可以使用图片

      list-style-image:url(图片路径)

    7.设置固定的背景图像(background-attachment)

      属性值有:scroll  默认值。背景图像会随着页面其余部分的滚动而移动。

           fixed 当页面的其余部分滚动时,背景图像不会移动。

           inherit 规定应该从父元素继承 background-attachment 属性的设置。

    8.float:none和clear:both的区别

      float:none是指当前元素无浮动,而clear:both是指清除浮动元素对当前元素的影响

      clear的属性值如下

        none :  允许两边都可以有浮动对象
        both :  不允许有浮动对象
        left :  不允许左边有浮动对象
        right :  不允许右边有浮动对象

    9.内联元素

      1.内联元素的margin和padding不影响元素的line-height

      2.内联元素的margin-left和margin可以正常使用,但是margin-top和margin-bottom不能正常使用

    10.盒模型

      1.margin和padding都可以写负值

    11.元素设置float相当于给元素添加了display:block属性

    12.基线对齐

      vertical-align对块元素是不起作用的

    13.padding-top , padding-bottom , margin-top , margin-bottom百分比问题

      当按百分比设定一个元素的宽度时,它是相对于父容器的宽度计算的,但是,对于一些表示竖向距离的属性,例如 padding-top , padding-bottom , margin-top , margin-bottom 等,当按百分比设定它们时,依据的也是父容器的宽度,而不是高度。

  • 相关阅读:
    Docker系列三:Docker容器管理
    Docker系列一:Docker基本概念及指令介绍
    MySQL数据库“十宗罪”(十大经典错误案例)
    用数据驱动渠道推广(下:数据篇)
    用数据驱动渠道推广(上:工具篇)
    日留存、周留存、月留存,究竟怎样才能让更多的用户留下来?
    MySQL中的联合索引学习教程
    VC++NMAKE
    一元三次方程求根公式
    一元四次方程求根公式
  • 原文地址:https://www.cnblogs.com/suihang/p/11171470.html
Copyright © 2020-2023  润新知