语法规范
<head>
-----
<style>
选择器 {样式}
p {
color: red;
font-size: 12px;
}
</style>
</head>
1 CSS 基础选择器
w3school 在线教程:CSS 选择器
1.1 标签选择器
标签名 {
属性1: 属性值1;
属性2: 属性值2;
···
}
1.2 类选择器 (常用)
口诀:样式点定义,结构类(class)调用,一个或多个,开发最常用
...
.red {
color: red;
}
···
<ul>
<li class="red">冰雨</li>
<li>哈哈</li>
</ul>
···
①长名称或词组,可以用 短横线(-)来为选择器命名
②不要使用纯数字、中文等命名
③类命名规则(见文件)
④多类名使用方式(中间用空格隔开)
<div class="red font20">亚瑟</div>
1.3 id 选择器
口诀:样式#定义,结构id调用,只能调用一次,别人切勿使用
...
#pink {
color: pink;
}
···
<div id="pink">汤姆猫</div>
···
1.4 通配符选择器
* {
color: red;
}