注重用户体验,培养用户懒习惯,减少用户操作
细节方面 默认选择一些选项
异步:同时执行
同步:不同时
与生活中刚好相反
CSS权重
!important | Infinity |
行间样式 | 1000 |
id | 100 |
class/属性/伪类 | 10 |
标签/伪元素 | 1 |
通配符 | 0 |
256进制
当前主流浏览器及其内核:
IE trident
Firefox Gecko
Google chrome Webkit/blink
Safari Webkit
Opera presto
引入CSS
- 行间样式
<div style="width: 100px;height: 100px;"></div>
- 页面级CSS
<style>
div{
width: 100px;
height: 100px;
}
</style>
- 外部CSS文件
<link rel="stylesheet" href="style.css">
选择器
- id 唯一 一对一
#demo - class 可重复 多对多
.demo - 标签选择器
div - 通配符 * 选择所有(包括html,body等)
*{} - 属性选择器
[id] 或 [id=“demo”]
<select name="province" id="">
<option value="">北京</option>
<option value="">上海</option>
<option value="">天津</option>
</select>