• CSS样式


    1、内边距padding和元素宽度width

    width指定元素内容宽度,等于内边距、边框和外边距内的宽度。因此如果有指定的宽度,内边距的宽度也会被计算到总的宽度当中。

    例:某元素的宽度为300px,内边距为25px,则元素的实际宽度是350px(300px+左内边距25px+右内边距25px)。

    若要将宽度保持在300px,需用box-sizing属性。这将导致元素保持宽度,内边距增加,内容空间减少。

    2、轮廓outline

    轮廓是在元素周围绘制的一条线,在边框之外,以凸显元素。

    3、轮廓偏移outline-offset

    此属性在元素的轮廓与边框之间添加空间,元素及其轮廓之间的空间是透明的。

    4、文本

    color用来设置文本的颜色。

    text-align设置文本的水平对齐方式。当属性值为justify时会使每一行有相等的宽度,并且左右边距是直的。

    direction和unicode-bidi用于更改文本的方向。

    vertical-align设置元素的垂直对齐方式。

    text-decoration设置或删除文本装饰。text-decoration: none; 通常用于从链接上删除下划线。如去除<a>标签下划线。属性值overline上划线,line-through中划线,underline下划线。

    text-transform用于设置文本的大小写或首字母大写。属性值uppercase全大写,lowercase全小写,capitalize仅首字母大写。

    text-indent属性用于指定文本第一行的缩进。

    letter-spacing属性用于指定文本中字符之间的间距。

    line-height属性用于指定行之间的间距。

    word-spacing属性用于指定文本中单词之间的间距。

    white-space属性指定元素内部空白的处理方式。当属性值为nowrap时会禁用元素内的文本换行。

    text-shadow属性为文本添加阴影。最简单的用法是只指定水平阴影(2px)和垂直阴影(2px)。

    5、字体

    font-family用来设置文本的字体,应包含多个字体以备兼容性,字体名称以逗号分隔,以需要的字体开始,通用系列结束。

    font-style用于指定斜体文本。normal正常显示,italic斜体显示,oblique文本为倾斜(与斜体非常相似,但支持较少)。

    font-weight指定字体的粗细。属性值有normal、lighter、blod或者数值。

    font-variant属性指定是否以 small-caps 字体(小型大写字母)显示文本。small-caps会将所有的小写字母转换为大写字母,但转换后的大写字母比原本的大写字母字体要小。

    6、列表

    list-style-type属性指定列表项标记的类型。有序列表的常见属性值有upper-riman,lower-alpha;无序列表的常见属性值有circle,square。

    list-style-image属性将图像指定为列表项标记。

    list-style-position指定列表项标记(项目符号)的位置。属性值有outside,inside。

    list-style属性是一种简写属性。它用于在一条声明中设置所有列表属性。

  • 相关阅读:
    SNAT的作用是什么
    Maven命名规范收集
    Linux下Git命令中文显示乱码的问题解决:274232350256256346200273347273223
    HttpClient中文乱码问题排查
    Ubuntu 16.04通过NetworkManager(GUI)配置网桥
    HTML5 Video P2P技术研究(转)
    CentOS 6.9下KVM虚拟机快照创建、删除、恢复(转)
    CentOS 6.9下KVM虚拟机通过virt-clone克隆虚拟机(转)
    开源规则引擎 drools
    评估系统负载
  • 原文地址:https://www.cnblogs.com/yf2018jy/p/15475952.html
Copyright © 2020-2023  润新知