标签选择器
用HTML标签名称作为选择器,不能差异化。
例:调用div,span
类选择器
**.**类名{(有“点”)
属性1 :属性值1;
…
}
用class属性来调用
多类名
一个标签有多个名字
1、在标签class属性写多类名
2、多个类名中间必须用空格分开
例:<div class="box red">...</div>
id选择器
#id名{
属性1: 属性值1;
…
}
注:样式#定义,结构id调用,只能调用一次。
通配符选择器
*{
属性1: 属性值1;
…
}
字体属性
font-family: “微软雅黑”;//字体系列
font-size: 20px;//字体大小
标题标签比较特殊,需要单独指定文字大小。
font-weight: bold;//字体粗细,bold(700)加粗或数字,normal(400)
font-style//文本的风格,italic斜体,normal默认值
文本属性
color //文本颜色
(预定义颜色值、十六进制、RGB代码)
text-align //水平对齐文本
(left:左对齐、right:右对齐、center:居中对齐)
text-decoration //文本修饰,下划线、删除线、上划线等
(none:没有装饰线,默认;underline:下划线;overline:上划线;line-through:删除线)
text-indent //文本缩进,指文本的第一行的缩进,通常将段落的首行缩进。
(em是一个相对单位,当前元素1个文字的大小)
line-height //行间距,设置行的距离