css
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<!--提升他的优先级为最高--> }