CSS(层叠样式表 美化页面 修改标签的样式)
1、写法分类:
①内联:写在标签里面 以属性的形式表现 属性名style
<div style="width: 100px;height: 100px">内联</div>
②内嵌:写在head标签里面 以标签的形式标签 标签名style
<style> #a{ width: 100px; height: 200px; background: #D30F13; } .aaa{ width: 100px; height: 200px; background:#2ED73C; } .ddd{ width: 100px; height: 200px; background:#C08586; } #div div{width: 100px; height: 200px; background:#101BDF} #sdf>#zzx{width: 100px; height: 200px; background: #16D194} #dd,#ddd{background: #D52AD4} #aaa:hover{background:#0A32A0} </style>
选择器:找元素 通过各种方式 例如:标签名 id属性值
③外部引用:引入外部文件
写在HEAD标签里面,以标签的形式标签 标签名link
<link rel="stylesheet" href="css.css">
扫描二维码关注公众号,回复:
1495621 查看本文章
2、选择器
Ⅰ、选择器格式:
选择器{
样式属性:样式值
样式属性:样式值
}
Ⅱ、选择器类型:
①通用选择器:*{}
②标签选择器:标签名{}
③id选择器:#id属性值{}注意:id名称不能用数字开头
实例:
④class选择器:.class属性值{}
一个标签可以有多个class值,之间用空格隔开,后面的覆盖前面的
实例:
⑤后代选择器 选择器1 选择器2{}
实例:
⑥子类选择器
选择器1 >选择器2{}
实例:
⑦并列选择器
选择器1,选择器2.......{}
⑧伪类选择器
选择器:伪类(hover 鼠标移到上面变化)
3、内嵌和外部引用的区别:
内嵌写style 外部引用不需要
4、优先值概念(权值,权值越高优先值越高)
行内优先级最高 1000
Id 100
Class 10
标签 1
* 0
注意:优先级可以叠加