一 文字属性
font-weight：bold|normal（加粗，不加粗）；文字加粗
font-style：italic；用于倾斜文字，该属性可以继承
normal 默认值。浏览器显示一个标准的字体样式。
italic 浏览器会显示一个斜体的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父元素继承字体样式。
font-size: xxpx ;取值不要取奇数。
letter-spacing：xxpx（.5em表示不到0.5个自己间距大小）；表示字间距。
word-spacing：xxpx；表示词间距。
text-indent：xxpx；表示文字的缩进。
text-decoration：none（没有）|overline（文字顶部划线）|underline(文字底部)|line-through（文字中部划线）；
p::first-letter{}选中第一个字
在字体排印学里，衬线指的是字母结构笔画之外的装饰性笔画。有衬线的字体叫衬线体（serif）；没有衬线的字体，则叫做无衬线体，这些通过控制font-family:‘微软雅黑‘,‘微软不雅黑‘,.......,sferi;中间通过逗号隔开。sferi表示衬线体，sans-sferi表示非衬线体，这两个之一用在最后以防止前面的字体失效。具有继承性，一般都用在body元素上面。
@font-face指令，加载web字体，要小心使用，以防止出现纠纷。
二 美化边框
border-radius：xxpx；圆角边框 宽高一致，取值为宽的一半。
三 美化背景
background-attachment：fixed；固定背景图。
background-img：URL（路径）；插入背景图
background-repeat： no-repeat；不用平铺（可以用repeat-x 表示x轴平铺也可以是y）
background-position：left concent；图片位置定位除了可以使用方向词以外，也可以使用px；
background-size：30px 50px；第一个宽，第二个高；
可以简写 background：color url（） repeat （fixed 固定 可写可不写） position；background后面接的为依次的顺序书写。
如是网页内容img，是装饰就使用background-img
background-image：linear-gradient（to right|45deg（方向，角度，默认不写为从上到下），颜色，颜色）；线性渐变
background-image：redial-gradient(circle（表示圆形，可不写）,red,yellow);径向渐变。
四 透明度和鼠标样式
**opacity**：0-1；透明度，一般背景颜色使用rgba使用的多
鼠标样式使用cursor：pointer；正在输入
url
需使用的自定义光标的 URL。
注释：请在此列表的末端始终定义一种普通的光标，以防没有由
URL 定义的可用光标。
default 默认光标（通常是一个箭头）
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针（一只手）
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右（东）移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize 此光标指示矩形框的边缘可被向上（北）移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize 此光标指示矩形框的边缘可被向下移动（南）。
w-resize 此光标指示矩形框的边缘可被向左移动（西）。
text 此光标指示文本。
wait 此光标指示程序正忙（通常是一只表或沙漏）。
help 此光标指示可用的帮助（通常是一个问号或一个气球）。
text-shadow
box-shadow 属性向框添加一个或多个阴影。
box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow 必需。水平阴影的位置。允许负值。 测试
v-shadow 必需。垂直阴影的位置。允许负值。 测试
blur 可选。模糊距离。 测试
spread 可选。阴影的尺寸。 测试
color 可选。阴影的颜色。请参阅 CSS 颜色值。 测试
inset 可选。将外部阴影 (outset) 改为内部阴影。
visibility：hidden；隐藏元素
visible 默认值。元素是可见的。
hidden 元素是不可见的。
collapse 当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"。
inherit 规定应该从父元素继承 visibility 属性的值。
原文：https://www.cnblogs.com/xyboke/p/12444294.html