CSS学习笔记（一）
一、概念
1.结构与样式的分离，html结构（骨架），CSS样式（化妆，穿衣服）。
2.通常结构： 选择器 属性值。
h1{
color:red;
fout-size:25px;
}
3.px: 像素 相对单位 网页中普遍用14px+。
4.字体:
font-family：unicode 编码\5B8B\4F53 宋体5.字体样式
font-style :font-style: normal正常 ittakic字体倾斜 <em> </em> <i></i> 文字倾斜标签二、选择器
1.类选择器:选择器前面有一个 . 号。
2.ID选择器:选择器前面有一个 # 号。
3.通配符选择器:*{}选择所有的。
4.属性选择器:选择器[属性]{ }。
<input type="text" name="" value="文本框">文本框
<input type="submit" name="">提交
<input type="reset" name="">按钮5.伪类选择器
a.链接伪类选择器
b.结构伪类选择器
三、CSS三大特性
1.层叠性
样式冲突，遵循的原则是就近原则，那个样式离结构近，就执行那个样式，样式不冲突 不会层叠
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{
color: pink;
font-size: 12px;
}
div{
color: skyblue;
}
</style>
</head>
<body>
<div>我教你英语
<!-- 样式冲突，遵循的原则是就近原则，那个样式离结构近，就执行那个样式
样式不冲突 不会层叠 -->
</div>
</body>
</html>
2.继承性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{
color: pink;
font-size: 20px;
/*子承父业*/
}
</style>
</head>
<body>
<div>
<p>刘德华</p>
</div>
</body>
</html>
3.优先级
行内样式>ID>类>标签
！important最高四、权重叠加
1.如：0001+0010=0011，0005+0005=00010，权重相加没有进位
2.继承的权重为0，如果子类没有颜色，但父类有颜色，那么子类继承父类的颜色，但此时子类的权重为0，继承过来的权重为0，原来的权重是父亲的，不管父亲有多厉害，儿子是没有权重的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.daohanglan{/*0,0,1,0 是nav的 不是li*/
color: red;
}
li{
color: pink;/*0,0,0,1*/
}
</style>
</head>
<body>
<nav class="daohanglan">
<ul>
<li>继承的权重为0</li>
</ul>
</nav>
</body>
</html>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。