HTML学习之字体与文本

字体相关属性

font:复合属性可同时按顺序定义以下属性
font-style;//风格 不常用
font-variant;//不常用
font-weight;//粗细
font-size/line-height;//字号/行高
font-family;//字体

color://定义字体颜色
text-shadow://添加阴影  颜色、横向偏移、纵向偏移、模糊半径
添加多个阴影
text-shadow: 效果，效果，效果；

颜色如何设置：

1.直接用颜色单词 red\black
2.#加上6位16进制的数 #000000每两位代表一个颜色00R红00G绿00B蓝
eg:#FF0000红 #000黑重复写一个就行
3.rgb(255,255,255)每一位代表一个色源 0-255 rgb(255,255,255)白色
4.rgba(255,255,255,0) a 代表透明 最后一位0-1透明度，为0时是不透明

文本相关属性

常用：
text-overflow//对溢出文本的处理
	两个属性：
	clip:简单切除
	ellipsis:溢出转换成… 
	但需要搭配 overflow:hidden 和white-space=nowrap来用
	overflow:控制元素的溢出处理
text-align:水平对齐方式
	left、center、justify(两端对齐)
垂直对齐方式：line-height:
white-space:对空白的处理
	常用属性：
	normal 默认，忽略空白
	 pre 保留空白
	 nowrap 不换行

英文只会在空格连字符处换行
中文可以在任何一个字后换行

对于英文文本自动换行：word-break
keep-all 只能在空格连字符处换行
break-all 可以在单词中间换行

使用服务器字体

@font-face{
……
}