属性:一些事物的基本特征
属性----标签属性 <img src=" " width=" " height=" px"/>
样式属性 <style> </style>
*二者区别:1.位置不一样 2. 写法不一样
选择器:
标签选择器
id 选择器
class选择器
样式由选择器权重来决定----标签权重1 class权重10 id权重100
*权重可以叠加
.as a{
color:black;
}
*注意事项:<p class=" aa bb ">...</p>
p {
color : red ! important ; 权重无限大
}
浏览器执行代码-----从上往下,从左到右
选择器的种类:
1. 标签选择器
2.id选择器
3.class选择器
4.后代选择器
p a {
color : red ;
} 标签嵌套多层关系(包含一层)
5.子代选择器
. pp > a {
color : red ;
} 标签嵌套只有一层关系
6.交集选择器
# p . aa {
color : red ;
} *千万不能把标签写后面,如.aap
CSS
css指层叠样式表【Cascading Style Sheets】,给html添加样式
<style type = " text / css " >
</style>
html 的 type= " text / html
网页中如何嵌套style样式?
1. 行间样式---将style当做属性写在标签内。 权重1000
< p style = " color : red ; " > </p>
2. 行内样式---把style当做标签写在head之间
< head >
< meta charset = "UTF-8" >
< title > < / title >
< style type = " text / css " >
p {
color : red ;
}
< / style >
< / head >
3. 外部引入---把style当做css文件来用
< head >
< link type = " text / css " rel = " stylesheet " href = " " >
< / head >
rel href 是必不可少的
*备注:双标签,必须写结束标签 ( p可以忽略结束标签 )
4. 嵌入式---
@ important url ( " " )
【 CSS三种引入方式:
1)行间样式---把style当属性用,键值对在属性值中该怎么用怎么用
2)行内样式---把style当标签用,键值对还是老样子
3)外部引入---把样式写在css文件中,还是以键值对形式书写样式 】