三、CSS字体属性

3.1字体系列   font-family

例： p { font-family: " 微雅软黑";}

注意：

• 各个字体之间必须使用英文状态下的逗号隔开
•  一般情况下，如果有空格隔开的多个单词组成的字体，需要加引号0
• 尽量使用系统默认字体

3.2字体大小 font-size

• px(像素)大小是我们网页中最常用的单位
• 谷歌浏览器默认的文字大小为16px
• 不同浏览器可能默认的字体大小不一样，尽量给一个明确值大小
• 可以给body指定整个页面文字的大小

3.3字体粗细  font-weight

normal	默认值
bold	定义粗体
100-900	400=normal，700=bold，无单位

3.4文字样式 font-style

一般使用normal将倾斜体标签(em，i)改为不倾斜字体

3.5复合属性

font: font-style font-weight font-size/line-height font-family

• 必须按照上面的顺序写属性值，每个属性值之间用空号隔开
• font-size和font-family属性必须写

3.6总结

font-style	字体样式	斜体是italic，不倾斜是normal
font-weight	字体粗细	加粗是700/bold，不加粗是400/normal，无单位
font-size	字号	通常的单位是px像素，一定要有单位
font-family	字体	按照实际写字体
font	字体连写	1.有顺序，不能打乱  2.font-size和font-family必须出现

 

四、文本属性

文本的外观，比如文本的颜色，对齐文本、装饰文本、文本缩进、行间缩进等

4.1文本颜色  color

预定义的颜色值	red，green，blue等
十六进制	#ff0000，#ff6600,#ff29D794等
RGB代码	rgb（255,0,0）或rgb（100%,0%,0%）

4.2对齐文本  text-align

left	左对齐（默认值）
right	右对齐
center	居中对齐

4.3装饰文本 text-decoration

none	默认，无装饰线
underline	下划线，链接<a>自带下划线
overline	上划线
line-through	删除线

4.4文本缩进 text-indent文本第一行的缩进（单位px）

em是一个相对大小，就是当前元素一个文字的大小，如果当前没有设置大小，则会按照父元素的1个文字大小

4.5行间距 line-height

单位px 行高包括上、下间距和文本高度