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 是缩写属性，既可以设置列表符号类型，也可以设置列表图标
网友评论