CSS字体样式属性
1. font-size:字号大小
<style>
h1 {
font-size:30px;
}
</style>
2. font-family:字体
<style>
h2 {
font-family:"宋体";
}
</style>
- 网页中常用的字号为14px+
- 尽量使用偶数字号
- 不同字体之间用,隔开(浏览器会从前到后优先选用)英文字体名必须设置在中文之前
3. CSS注释
/*注释内容*/ 快捷键与HTML码一样 Ctrl+/
4. font-weight :字体粗细
此时就会用到html5中的<span>内容</span>
标签
5. font-style :字体风格
<style>
p {
font-style:normal; /*正常字体*/
font-style:italic; /*斜体*/
}
</style>
6. font:综合设置字体样式:请(倾)出(粗)好(号)题(体)
选择器 {font: font-style font-weight font-size font-family} /*必须按照此语法顺序*/
CSS类选择器
1. 基本类选择器
.类名(属性1:属性值1;属性2:属性值2;) /*声明类样式*/
class="类名" /*调用*/
取名规则:见名知意
练习:
2. 多类名选择器
.类名1(属性1:属性值1;属性2:属性值2;) /*声明类样式*/
.类名2(属性1:属性值1;属性2:属性值2;) /*声明类样式*/
class="类名1 类名2" /*调用*/
id选择器
与类选择器功能一样,类选择器可以多次使用,id选择器只能调用一次
#id名(属性1:属性值1;属性2:属性值2;) /*声明类样式*/
id="id名" /*调用*/
通配符选择器
<style>
* {
属性:属性值;
}
</style>