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属性是一种简写属性。它用于在一条声明中设置所有列表属性。

原文地址:https://www.cnblogs.com/yf2018jy/p/15475952.html