1.什么是CSS
CSS是指层叠样式表(Cascading Style Sheets)，样式定义如何显示HTML元素，样式通常又会存在于样式表中。也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里。
优势：
1.内容与表现分离 2.网页的表现统一，容易修改 3.丰富的样式，使页面布局更加灵活 4.减少网页的代码量，增加网页浏览器速度，节省网络带宽 5.运用独立页面的css,有利于网页被搜索引擎收录
2.CSS的引入方式
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style type="text/css"> 7 span{ 8 color: yellow; 9 } 10 </style> 11 <link rel="stylesheet" href="./index.css"> 12 <style> 13 @import url(./index.css); 14 </style> 15 </head> 16 <body> 17 <!-- 18 1 行内样式 直接在标签内定义样式 19 2 内接样式 在head里定义style 20 3 外接样式 21 3.1 链接式 22 <link rel="stylesheet" href="./index.css"> 23 3.2 导入式 24 <style> 25 @import url(index.css); 26 </style> 27 --> 28 <div> 29 <p style="color: green;">我是一个段落</p> 30 </div> 31 32 <div> 33 <div> 34 <span>我是另一个段落</span> 35 <a href="#">火影忍者</a> 36 </div> 37 </div> 38 </body> 39 </html>