CSS3--如何给文字增加字体和颜色样式

• font-family：文字字体

• font-size:文字大小

• color:文字颜色

• font-weight:文字粗细

• text-decoration:文本的更多风格

font-family(字体系列)

body {
	font-family: Verdana, Geneva, Arial, sans-serif;
}

1. 找到一个字体文件：后缀名有woff、svg、eot、otf、ttf

2. 将这个字体放在web上，可以使用Google的字体托管服务，这个是免费的

3. 在CSS中增加@font-face属性

   @font-face {
   	font-family:"Emblema One";
   	src:url("www.某网站.com");
   }/*那个网址就是字体URL */

   这个时候就相当于在用户机上创建了名为Emblema One的字体了

4. 像本地字体一样使用，注意使用字体的地方要在@font-family之后

h1 {
	font-size:220%;
}

body {
	background-color:red;
	background-color:rgb(80%, 40%, 0%);
	background-color:rgb(204, 102, 0);
	background-color:#66ccff;
}

• CSS提供了很多属性对字体的外观加以控制，包括font-family、font-weight、font-size、font-style等

• font-family是一组有共同特征的字体

• 用于Web的字体系列包括serif、sans-serif、monospace、cursive、fantasy。serif和sans-serif最为常用

• 访问者在你的web页面上看到的字体取决于他们自己的计算机上安装了哪些字体，除非你使用web字体

• 在font-family CSS属性中指定候选字体是一个好主意，以防用户没有安装你的首选字体

• 最后一个字体要为一个通用字体，如serif或sans-serif，这样一来，如果找不到其他字体，浏览器可以替换适当的字体

• 如果你要使用某种字体，而默认情况下用户可能没有安装这种字体，你就可以使用@font-face规则

• 字体大小通常是关键字、像素px、百分比、em指定

• 如果使用像素来指定字体大小，就是在告诉浏览器字母高度是多少像素

• em和%是相对字体大小，所以使用em和%指定字体大小时，就意味着字体大小要相对于其父元素的字体大小来确定

• 使用相对字体大小可以让你的页面更可维护

• 在body规则中使用字体大小关键字来设置基本的字体大小，这样如果用户希望文本更大或更小，所有浏览器就能按比例缩放字体大小了

• 可以使用font-weight CSS属性设置文本为粗体

• font-style属性用于创建斜体或倾斜文本。斜体或倾斜文本是倾斜的

• web颜色是混合不同数量的红、绿、蓝色得到的

• 如果混合红色100%，绿色100%，蓝色100%就可以得到白色，全部为0%就是黑色

• CSS中有16个基本颜色，及150多个拓展颜色

• 可以使用红、绿、蓝百分比指定你想要的颜色，也可以使用数值（0~255），或者16进制码

• 要找到你想要的颜色的十六进制码可以使用图片编辑应用的颜色选择工具

• 表示颜色的十六进制码有6位，每一位取指为0~F，前两个表示红色的数量、中间两个是绿色的、最后两个是蓝色的

• 可以使用text-decoration属性为为本创建一个下划线。有下划线的文档通常会被用户误以为是链接文本，所以要谨慎使用这个属性