1.字体样式
字体大小：
font-size:16px/1rem;（px是像素单位,rem/em 相对单位，跟浏览器默认的字体大小相关。）
em 相对父级的字体大小换算
rem 相对根元素html的字体大小换算-------ie9及以上的支持该单位,ie8以下的不支持
----------------------------------分割线------------------------------------------------------------
字体颜色：
color:blue;
值可以为颜色的英文单词，也可以是#000000这样的色位，也可以是R:255 G:255 B255这样的表达方式
----------------------------------分割线------------------------------------------------------------
字体类型：
font-famliy:helvetica,arial,"Microsoft Yahei"
优先级是按顺序下去，前面的优先级大，如果前面识别不了的字到后面的去识别。
helvetica 苹果系统用的
arial 微软用的，数字比较好看，识别不了汉字
Microsoft Yahei 微软雅黑，数字不好看，可以识别汉字
尽量不要用中文值，有可能出现乱码，如果要使用中文，可以在css文件头加入声明：@charset "utf-8";
----------------------------------分割线------------------------------------------------------------
字体样式：
font-style: italic---设置字体斜体
font-weight: bold（bolder）------加粗
lighter----缩小
500-----字磅
line-height（行高）：1.2或者像素-------通常用于文本在竖直方向居中，这时候填写那个行的高度。
----------------------------------分割线------------------------------------------------------------
字符：
属于字体的一种符号，需要外部引入
优点：跟字体一样，设置大小/颜色，放大不会失真、模糊
缺点：色彩单调，只有一种颜色，不能同时两种颜色。。。额外加载字体库，增加请求次数。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体样式</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.div a{
font-size: 40px;
/*设置字号*/
font-style: italic;
/*设置斜体*/
font-family: '微软雅黑';
/*设置字体，多个字体要用逗号隔开*/
font-width:bold;
/*设置粗体*/
text-align: center;
/*设置文字水平居中，也可以用于图片水平居中*/
}
</style>
</head>
<body>
<div>
<a href="#">我是超链接</a> <br>
</div>
</body>
</html>
网友评论