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