简介
层叠样式表: 渲染外观
W3C标准: www.w3.org/Style/CSS/
引入方式
-
内嵌式: style标签中, 位置在
<head>内当前页面 小案例
<head> <meta charset="UTF-8"> <title>Document</title> <style> </style> </head> -
外联式: 单独.css文件中
作用多个页面 较大项目
<head> <link rel="stylesheet" href="style.css"> </head> -
行内式: 在标签的属性里
仅一个标签：配合js使用
<div style="color: blue; font-size: 20px;">div content</div>
选择器
属性名: 属性值;
标签选择器
h1 {
color: red;
font-size: 5em;
}
- 选择所有此类标签, 无论多少层嵌套
类选择器
id选择器
通配符
简写：emmet语法
