• CSS2


    1.font-style:normal /italic/oblique

    normal:正常的字体;

    Italic:斜体;对于没有斜体变量的特殊字体,将用oblique;

    oblique:倾斜的字体;

    2.color:颜色。

    3. font-family:字体名称;

    4.font-size:字体大小;

    absolute-size:根据对象字体进行调节;

    ralative-size:相对于父对象中的字体进行调节:

    length:百分数;

    5.font-size-adjust:

    none:允许字体序列中所有强迫指定同一尺寸;

    number:为字体序列中所有字体强迫 指定同一尺寸;

    6. font-stretch:文字的变形;

    normal:不应用拉伸变形;

     narrower:使用比当前设置的值导致字体宽度更小的值;

    wider:使用比当前设置的值导致字体更大的值;

    7.font-weight:字体的粗细;

    normal:正常的字体;相当字体number:400

    bold:粗体;

    boder:特粗体;

    lighter:细体;

    number:100/200/300/ 400/500/600/700/800/900

    8.text-decoration:none/underline/blink/overline/linethrough

    none:无装饰;

    underline:下划线;

     blink:闪烁;

    line-thought:贯穿线;

    overline-line:上划线;

    9. font-variant:normal/small-caps

    normal:正常的字;

    small-caps:小型的 大写字母字体;

    10. text-transform: none/ capitalize/uppercase/lowercase

    none:无转换;

    capitalize:将每个单词的第一个字母转换成大写,其余无转换发生;

    uppercase:转换成大写;

     lowercase:转换成小写;

    11.line-height:normal/length

    nomal:默认行高;

    length:百分比数字

    12.letter-spacing:normal/length

    normal:默认间隔;

    length:由浮点数字和单位标识符组成的长度值;

    13.word-spacing:normal/length

    normal:默认间隔;

    length:有浮点数和单位标识符组成的长度值;

    14. text-overflow:clip/ellipsis

    clip:不显示省略标记(...),而是简单的裁切
    ellipsis:  当对象内文本溢出时显示省略标记(...) 

    15. text-align:left;right;center;justify

    left:左对齐;

    right:右对齐;

    center:居中;

    justify:两端对齐;

    16.backgroud-color:transparent/color

    transparent:背景色透明;

    17.backgroud-image:none/url(url)

    url:使用绝对或相对地址指定背景图像;

    18.backgroud-repeat:repeat/no-repeat/repeat-x/repeat-y

    repeat:背景图像在纵向和横向上平铺;

    no-repeat:背景图像不平铺;

    repeat-X:背景图像在横向上平铺;

    repeat-Y:背景图像在纵向上平铺;

    19.position:static/absolute/relative/fixed/

    static:无特殊定位;

    absolute:绝对定位;

    ralative:相对定位;

    fixed:固定;

    20. z-index:auto/number

    auto:遵循其父对象的定位;

    number:无单位的整数值

    21.clear: none/left/right/both

    none:允许两边有浮动对象;

    both:不允许两边有浮动对象;

    left:不允许左边有浮动对象;

    right:不允许右边有浮动对象

    22.float:none/left/right

    none:对象不浮动;

    left:对象向左浮动;

    right:对象向右浮动

    23.clip : auto | rect ( number number number number ) 

    auto:对象无剪切;

    rect:(number number number number):依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用auto替换,即此边不剪切 

    24.overflow:visible/auto/hidden/scroll

    visible:不剪切内容也不添加滚动条;

    auto:此为body对象尺寸的内容;

    scroll:总是显示滚动条;

    25.visibility:inherit/visible/collapse/hidden

    inherit:继承上一个父对象的可见性;

    visible:对象客观;

    collapse:主要用来隐藏表格的行或列,隐藏的行或列可以被其他内容使用;

    hidden:对象隐藏

  • 相关阅读:
    错误 1 类,结构或接口成员声明中的标记"="无效
    转asp.net中的App_GlobalResources和App_LocalResources使用
    input type=file 上传文件样式美化(转载)
    Postman Post请求上传文件
    vuex 、store、state (转载)
    ES5、ES2015、ECMAScript6(转载)
    axios 用法简介(转载)
    js中const,var,let区别(转载)
    C#开发微信公众平台-就这么简单(附Demo)转载
    什么是 Native、Web App、Hybrid、React Native 和 Weex?(转载)
  • 原文地址:https://www.cnblogs.com/smile-ling/p/3984624.html
Copyright © 2020-2023  润新知