CSS3之文字
2017-03-11 本文已影响15人
怀念不能
起点.jpg
文字样式
字体属性：
一、文字样式：
格式：font-style=italic；
取值：normal 正常
italic 斜体
二、文字粗细：
font-weight=bold；
单词取值：border 超级加粗
lighter 细线
bold 加粗
数值取值：200....
三、文字大小：
格式：font-size：20px；
单位：px（pixel像素），em（）
四、字体样式：
font-family：“微软雅黑”；
（1）可以设置备选方案，前面不能用会自动取后面的值，
font-family：“字体1”，“字体2”..
(2)中文字体样式可以处理英文，但英文字体不能处理中文样式。
当需要给中英文字体设置不同的样式时可将英文字体样式写在前面。
注意：并不是样式值为英文就是处理英文的；
5. 缩写格式：
font：style，weight，size，family。
注意：style和weight可以省略也可以交换顺序；但size和family不能省略也不能交换顺序
否则，所设置的样式无效果。
文本样式：
1.文本装饰
格式：text-decoration: underline;
取值：underline 下划线（取代<u>）
inherit 删除线(取代<s>)
overline 上划线
none 无样式（多用于<a>标签去除下划线等默认样式）
2.文本对齐属性
格式：text-align: left;
取值：left 左边, right 右边,center 中间
3.文本缩进
格式:text-indent: 2em; (一个em代表一个文字；)
字体颜色
格式：color:rgb（255,255,255）
取值：rgb（255,255,255）； rgba（255,255,255,1）a取值（0-1）表示透明度；
英文取值：red。。。
十六进制：#ffffff（每两位分别代表r，g，b）
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8" name="keywords" content="css选择器">
<title>css选择器（1）</title>
<style type="text/css">
p{
font: italic bold 2em "微软雅黑";
color: rgba(0,0,255,1);
text-decoration: overline;
text-align: right;
text-indent: 2em;
}
</style>
</head>
<body>
<p id="p1">
<u>我是下滑线已弃用</u>
<s>我是删除线已弃用</s>
</p>
</body>
</html>
你的坚持是你通往成功的最大保障！
2017-3-11（第一步）
