1 <!-- CSS：层叠样式表，有了CSS，HTML中大部分表示样式的标签就废弃不用了，HTML只负责文档的结构和内容，表现形式完全交给CSS，HTML文档变得更加简洁，方便爬虫爬取 --> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Document</title> 7 8 <!-- CSS引入方法： 9 1、外联式：通过link引入样式，实际开发中都是用外联式 10 2、嵌入式：通过style标签引入，在网页上创建嵌入的样式表，一般在网站首页使用，性能优化，加快网页加载速度，放在head中 11 3、内联式：通过标签的style属性，在标签上直接写样式，不推荐 --> 12 13 <link rel="stylesheet" type="text/css" href="main.css"> 14 15 <style type="text/css"> 16 h1{ 17 font-size: 10px; 18 color: blue; 19 } 20 </style> 21 </head> 22 <body> 23 24 <h1>这是一个一级标题</h1> 25 <div>这是一个div标签</div> 26 <a href="https://www.baidu.com" style="font-size: 20;color: gold;" target="_blank">百度链接</a> 27 </body> 28 </html>