1、什么是CSS
层叠样式表，美化网页
CSS的三种导入方式
1、内部样式
2、外部样式（链接式，导入式）
3、行内样式
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>导出方式</title> 6 <!-- 内部样式--> 7 <style> 8 h1{ 9 color: aqua; 10 } 11 </style> 12 <!-- 外部样式--> 13 <link rel="stylesheet" herf="css/style.css"> 14 </head> 15 <body> 16 -- 优先级：就近原则 17 -- 行内样式 18 <h1 style="color: aqua">导出方式</h1> 19 </body> 20 </html>
选择器
作用：选择页面上的某一个或者某一类元素
1、基本选择器
- 标签选择器：
标签选择器，会选择到页面上所有这个标签的元素
- 类选择器：类选择器的格式.Class的名称
- 好处：可以多个标签归类，是同一个Class，可以复用
- id选择器：#id名称{ }； ID必须保证全局唯一
不遵循就近原则，ID选择器>类选择器>标签选择器
2、层次选择器