一. 属性:事物的一些特征
属性:样式属性和标签属性
二者的区别:
1.样式不一样
2.写法不一样
样式属性写在style中 标签属性写在标签内
样式属性是属性:属性值 标签属性是属性="属性值"
例如: 标签属性:<img src="1.jpg" width="100px" height="100px">
样式属性:<style>
p{
color:red;
}
</style>
二.选择器
1.标签选择器
2.Id选择器
3.Class选择器
4.后代选择器(标签嵌套多层关系,包含一层)
5.子代选择器(标签嵌套只有一层)
6.交集选择器 备注:千万不能把标签写在后面,如: .aap
样式到底按什么要求?由选择器的权重来决定。
标签的权重是1 class的权重是10 id的权重是100.
备注:权重可以叠加。
注意事项:权重无限大
浏览器如何去执行代码。
浏览器执行代码是从上往下,从左往右。
备注:
a(超链接标签)是特殊的 ,要改变a里面的颜色,必须直接给a,给a的父级设置不行
属性继承:明明是父级上设置样式,结果后代标签也跟着发生变化,这就叫属性继承
三.css
css层叠样式表,给html添加样式
html的type=”text/tml”
css的三种引入方式
1.行间样式把style当作属性使用,写在标签内,键值对在属性值中该怎样用就怎样用,权重为1000
例:<p style="color:red;">hello</p>
2.行内样式把style当作标签使用,写在head之间
例:<head>
<style>
p{
color:red;
}
</style>
</head>
3.引用,将样式写在css文件中,还是以键值对的形式写样式
例: <link type="text/css" rel="stylesheet" href="./01.css">
rel和href必不可少
备注:双标签 必须写结束标签 p可以不写结束标签
4.嵌入式
例:@import url("02.css");
释义:将02.css文件引入这个文件中,再在html文件中用link将这个文件引用