- 什么事css
层叠样式表
- css的作用
美化HTML标签
- 语法
选择器 {
css属性名:值
}
- css引入方式
1.内嵌式
将css代码写入style标签中
2.外链式
创建一个.css文件,在其中写入css代码
在HTML文件中适应link标签
一个css文件可以被多个HTML文件引入
3.行内式
<div style="width:100px"><div>
选择器
- 标签选择器 标签名
作用:通过标签名,找到页面中的所有这类标签,设置样式
注意点:标签选择器选择的是所有这类标签,而不是一个
- 类选择器 .类名 类名是自定义的
作用:通过类名,找到页面中的所有带有这个类名的标签,设置样式
- id选择器 #id
注意:1.一个标签只能有一个id属性 2.一个id属性只能选中一个标签
- 通配符选择器
作用:找到页面所有标签,设置样式
- 后代选择器 语法: 选择器1 选择器2
注意点:后代包括 儿子 孙子 重孙子...
选择器之间用空格隔开
- 子代选择器 > 语法:选择器1>选择器2
注意点:只包括儿子,用>隔开
- 并集选择器 语法:选择器1,选择器2
注意:可以选择多个选择器,用,隔开
- 交集选择器 语法: 选择器与选择器紧挨着
注意:必须紧挨着,没有东西隔着
如果有标签选择器,标签选择器必须在前面
- hover伪类选择器 语法:选择器:hover