在这篇文章中你能看到有关于 CSS 样式设置的常用属性，文章的目录如下：
可以使用 background-color 属性为元素设置背景颜色，它接受任何合法的颜色值，默认是 transparent
p {background-color: gray;}注意，background-color 属性不能继承
可以使用 background-image 属性为元素设置背景图片，它接受任何合法的 URL 用于指定图片地址，默认是 none
body {background-image: URL;}注意，background-image 属性不能继承
可以使用 background-repeat 属性对背景图像进行平铺，其可选值有四个：
可以使用 background-position 属性改变图像在背景中的位置，其可选值可以是关键字，关键字可以单独出现，也可以成对出现，一个对应水平方向，一个对应垂直方向，默认是 top left
body {
background-image: URL;
background-repeat: no-repeat;
background-position: top left;
}其可选值也可以是百分数值，表示图像处于元素的位置，默认是 0% 0%（与 top left 对应），如果只提供一个值，那么这个值将用于设置水平值，此时垂直值默认为 50%
body {
background-image: URL;
background-repeat: no-repeat;
background-position: 0% 0%;
}其可选值还可以是长度值，表示距离元素边框左上角的偏移量，默认是 0px 0px
body {
background-image: URL;
background-repeat: no-repeat;
background-position: 50px 100px;
}现在考虑下面一个问题：当文档向下滚动时，背景图像会随之滚动，但是当文档滚动到超过图像范围时，图像就会消失不见，我们应该怎么解决这个问题呢？其实很简单，只需可以设置 background-attachment 属性即可，其可选值有三个：
可以使用 color 属性设置文本颜色，其可选值如下：
可以使用 direction 属性设置文本方向，其可选值如下：
可以使用 line-height 属性设置行间的距离，即行高，其可选值如下：
可以使用 text-spacing 属性改变字间的间隔，其可选值如下：
注意：象形文字语言或非罗马书写体一般无法指定字间隔
可以使用 text-indent 属性实现文本缩进功能，该属性可以让块级元素中的第一个内容行缩进一个给定的长度，其可选值如下：
可以使用 text-align 属性控制元素中文本行相互之间的对齐方式，其可选值如下：
right：右对齐，即把文本排列到右边
inherit：从父元素继承 text-align 属性
可以使用 text-transform 属性处理文本大小写问题，其可选值如下：
可以使用 text-decoration 属性给文本添加装饰，其可选值如下：
可以使用 white-space 属性定义处理空白的规则，这里的空白指的是空格和回车，其可选值如下：
在 CSS 中，有两种字体系列：
我们可以使用 font-family 属性指定字体系列
p {font-family: serif;}
/* 指定 serif 字体系列以后，浏览器会从 serif 系列中选择一种字体，并将其应用到 p 元素中 */我们还可以设置具体的字体
p {font-family: Georgia;}但是，这样存在一个问题，假如用户浏览器上没有安装 Georgia 字体该怎么办呢？所以，我们最好可以在指定具体字体后，再给定一个通用字体系列以备用
p {font-family: Georgia, serif;}注意：如果字体名中有一个或多个空格，或者字体名中包括特殊符号，则需要添加引号
可以使用 font-style 属性设置字体风格，其可选值如下：
oblique：文本倾斜显示，与 italic 相似
inherit：从父元素继承 font-style 属性
可以使用 font-weight 属性设置字体粗细，其可选值可以是关键字：
也可以是从 100 到 900 的整百数字，它指定了 9 级加粗度，100 对应最细的字体，900 对应最粗的字体，而 400 相当于 normal，700 相当于 bold
可以使用 font-size 属性设置字体大小，其可选值可以是绝对值，也可以是相对值
绝对值将文本设置为固定大小，不允许用户在浏览器中改变，适用于输出尺寸固定的场合
相对值根据周围元素设置大小，允许用户在浏览器中改变文本大小
其值可以是直接指定字体大小的关键字：
从小到大排列为 xx-small、x-small、small、medium、large、x-large、xx-large
也可以是根据父元素设置字体大小的关键字：
smaller：比父元素更小 ； larger：比父元素更大
还可以是长度值，对于使用长度值，W3C 推荐使用 em 作为尺寸单位
再可以是百分数值，它会根据父元素设置字体大小
为了方便，我们可以只在 font 属性中设置所有有关字体的属性，排列顺序如下：
p {font:italic arial,sans-serif;}可以使用 list-style-type 属性设置列表项标志，其常见的值如下：
可以使用 list-style-image 属性设置列表项图像，其可选值如下：
可以使用 list-style-position 属性设置列表项位置，其可选值如下：
同样的，我们可以只在 list-style 属性中设置所有有关列表的属性，排列顺序如下：
ul {list-style: square inside url(‘URL‘)}可以使用 border 属性为表格设置边框，事实上，border 属性不仅仅适用于设置表格，还可以用于设置其它元素边框，其需要指定三个值，分别对应边框宽度，边框样式和边框颜色
table, th, td {border: 1px solid blue;}可以使用 border-spacing 属性设置边框间的距离，其可选值如下：
可以使用 border-collapse 属性指定是否将表格边框合并成单一边框，其可选值如下：
可以使用 width 属性指定表格宽度，使用 height 属性指定表格高度
可以使用 empty-cells 属性指定是否显示表格中的空单元格，其可选值如下：
可以使用 table-layout 属性指定表格布局，其可选值如下：
可以使用 text-align 属性设置水平对齐方式，使用 vertical-align 属性设置垂直对齐方式
对于水平对齐方式来说，其可选值有：
对于垂直对齐方式来说，其可选值有：
可以使用 caption-side 属性设置标题位置，其可选值如下：
轮廓是指绘制于元素周围的一条线，其位于边框边缘的外围，可起到突出元素的作用
可以使用 outline-color 属性设置轮廓颜色，其可选值如下：
可以使用 outline-style 属性设置轮廓样式，其可选值如下：
可以使用 outline-width 属性设置轮廓宽度，其可选值如下：
为了方便，我们可以只在 outline 属性中设置所有有关轮廓的属性，排列顺序如下：
p {outline:blue dashed thick;}原文：https://www.cnblogs.com/wsmrzx/p/10358926.html