第十一节 CSS引入的三种方式 

 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>

 

posted @ 2020-03-05 14:53  kog_maw  阅读(127)  评论(0)    收藏  举报