CSS
CSS与Html结合(集成)使用
1.style属性。所有的HTML标签都有一个style的属性。
<xxxx style="">
2.在head 里面写一个样式的脚本。
<head>
<style type="text/css"></style>
</head>
3.引入外部的css文件
<link rel="stylesheet" type="text/css" src=""css的路径">
优先级
1.方式1>方式2>方式3
2.从内到外,执行顺序从上到下。
比如:
<head>
<style type="text/css">
div {
color:blue
}
</style>
</head>
<body>
<div style="color:red"/>
</body>
最后颜色为红色。
css选择器
1.基本选择器【重要】
1)标签选择器:div {}
2)id选择器:#id {}
3)类选择器:.class {}
优先级:id,class,标签
多个样式指向同一个标签,样式会叠加起来,叠加的顺序按照优先级。
2.组合选择器【了解】
多元素选择器 :div,font {}
子代选择器 :div > p {}
相邻兄弟选择器: div +p {}
兄弟选择器 : div ~ p {}
3.属性选择器【了解】
关键字:[] 标准的格式 div[]
div[name] :有属性 就是你
div[name=""] :有属性,属性值,那就是你
div[name包含啥]:
div[属性以啥啥开头]
div[属性以啥啥结尾]
等
4.伪类选择器【了解】
一个超链接点击以后,要给它变一个颜色。
超链接的伪类选择器:
未点击 ->放到超链接上- 点击-> 链接完成
:link :hover :active :visited
a:visited {
color:red
}