基础样式

1.字体样式

font-size 设置字体的大小

单位：px是像素

font-family 设置字体的类型

font-family 可以设置中文字体类型，也可以设置英文字体类型，如果需要同时设置英文字体类型和中文字体类型，先设置英文，再设置中文

font-family:'Courier New','幼圆'

font-weight 设置字体的粗细，属性值bold表示加粗

font-style 设置字体的风格，属性值italic表示倾斜

font是字体的缩写属性，可以同时设置：风格 加粗 大小 类型

风格和加粗的顺序可以变化，也可以省略，最后两个属性值必须是大小和类型

特殊用法：20px是字体大小，40px是行高

font:20px/40px'楷体'

2.文本样式

color 是文本颜色

颜色值可以是英文单词

颜色值可以是十六进制颜色值，方式是：#红绿蓝

下面属性值里面的ff其实是十六进制的255

color:#ff0000;

颜色值可以是十进制颜色值，方式是：rgb(红,绿,蓝)

color:rgb(255,0,0);

rgba(红,绿,蓝,透明度)，注意：透明度的取值范围是：0-1

color:rgba(255,0,0,0.5);

十六进制颜色值，加透明度的方式是：#红绿蓝透明度。注意：这里的透明度的取值范围是0-255

color:#ff000055

text-align 是文本对齐方式，属性值包括：left(默认值)，center，right

text-indent 是首行缩进，首行通常需要缩进两个字符，所有属性值单位通常使用em或者rem

一个em大小就是当前元素字体的大小尺寸。一个rem的大小默认是网页字体的默认大小(16px)

line-height 是行高

text-decoration 是文本装饰，属性值包括：underline(下划线)，overLine(上划线),line-through(删除线),none(没有装饰)

可以通过text-decoration属性，去掉超链接的默认下划线

letter-spacing 是字符间距

word-spacing 是单词间距

3.超链接样式

a:link 表示未点击的样式

a:visited 表示点击过后的样式

a:hover 表示鼠标悬停样式

a:active 表示点击未释放样式

注意：顺序必须是：a:link a:visited a:hover a:active

一般情况下，我们会先给a元素设置统一的样式，再添加一个a:hover

4.列表样式

list-style-type 设置列表样式，属性值none，表示无样式

其它属性值，包括：disc(实心圆) circle(空心圆) square(方块) decimal(数字)

所以，所谓有序列表和无需列表，只是默认的列表样式值不同

list-style-image 设置列表的样式为图标

list-style-position 设置列表样式的位置，属性值包括：inside 和 outside(默认值)，inside属性值，列表会往里缩进一个tab符

list-style 是缩写属性，既可以设置列表符号类型，也可以设置列表图标