1.单位
颜色
关键字 red,pink,teal
十六进制的值 #ffffff(白色),#cccccc(灰色),#ff0000(红色)
rgb函数 rgb(0,0,0)白色,rgb(0~255,0~255,0~255)
rgba函数 rgba(0~255,0~255,0~255,0~1)红色,绿色,蓝色,透明度
长度
绝对单位
px 像素
相对单位
em 相对于当前元素的字体大小
rem 相对于html上的字体大小
选择器+样式(文本相关,字体,盒子,表格样式,列表样式)
2.文本相关的样式
文字相关的样式(可以被继承)
color 给文字指定颜色(关键字,十六进制的值,rgb,rgba)
font-family 给文本设置字体(字体栈,字体族)
serif 有衬线的字体,笔画结尾有特殊的装饰线或衬线
sans-serif 无衬线的字体,笔画结尾是平滑的字体
monospace 等宽字体,用于代码,字体中每个字宽度相同
cursive 草书,这种字体有的有连笔,有的还有特殊的斜体效果。
fantasy 梦幻装饰字体 ,具有特殊艺术效果的字体
网络字体
@font-face{
font-family: myfont;
src:url(./网络字体1.TTF)
}
p{
font-family: myfont;
}
font-style 用于打开和关闭斜体
normal 【默认】正常字体,关闭斜体
italic 斜体
oblique 模拟斜体
font-weidth 控制字体的粗细程度
normal 【默认】正常,400
bold 加粗字体,700
lighter 设置当前元素字体比父元素更细
bolder 设置当前元素字体比父元素更粗
100–900 数值类型的粗细程度(值越大字体越粗)
text-align 文本的排列方式
left 左对齐
center 居中
right 右对齐
text-transform 允许字体变形
none 防止任何改变
uppercase 将文本转换为大写
lowercase 将文本转换为小写
capitalize 将所有单词第一个字母转换为大写
full-width 转换为类似于一个等宽字体
text-decoration(line style color)
text-decoration-line 线的种类
none 取消所有文本修饰
underline 为文本添加下划线
overline 为文本添加上划线
line-through 为文本添加删除线
text-decoration-style 线的样式
solid(实线) 、
wavy(波浪线)、
dashed(虚线)、
dotted(点状线)、
double(双实线)
text-decoration-color 颜色
关键字,十六进制的值,rgb函数,rgba函数
text-shadow (h-shadow v-shadow blur color)文本的阴影
none 取消所有阴影
h-shadow 必需。水平阴影的位置。允许负值
v-shadow 必需。垂直阴影的位置。允许负值
blur 可选。模糊的距离
color 可选。阴影的颜色。参阅 CSS 颜色值