css：层叠样式表-->表现层（样式层）
样式规则语法：选择器+声明块（声明（属性+值））
p{color:red} 有多个声明时用;分开
样式分类
行内样式 <p style="color:red"></p>
内部样式 <head>
<style type="text/css">
p{ color:blue; }
</style>
</head>
外部样式（一帮使用这种样式：客户端在下载时跟HTML是并行下载）
<head>
<link rel="stylesheet" href="">
样式调用 地址
</head>
选择器
#t2>p{
color: red;<!--有多种选择器 元素（p{ }）、id（#+Id号）、class（.+class名字）、 通配(*)、 群组（，，用，分开）、包含（空格）、 改变直接子元素（>）、改变同级元素（+）-->
}
伪类及伪元素选择器
a:link{
color: green; text-decoration: none; <!--未访问的-->
}
a:visited{
<!--已访问的-->
}
a:hover{
<!--鼠标放在链接上时-->
}
a:active{
<!--激活，鼠标点击未放开时-->
}
input[type=password]{
color: yellow;<!--属性选择器-->
}
选择器优先级
！important>Id>class>element（元素）>伪类>*
p{ color: red;！important<!--提升他的优先级为最高--> }