文字样式
字体属性:
一、文字样式:
格式: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(第一步)