CSS的引入方式

1. 什么是CSS？

　　即cascading style sheets：层叠样式表。

2. 为什么要用CSS？

　　为了让网页的内容和样式分开，让网页的样式更加的丰富，CSS由此诞生，因此CSS也有页面美容师的美誉。有了CSS之后，html的样式标签大部分都废弃不用了。也因此更加便于爬虫来爬取网页的内容。

3. CSS的三种引入方式：

　　第一种：外部样式表（外链式）

　　第二种：内部样式表（内嵌式）

　　第三种：行内式（内联样式）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css的引入</title>
    <!-- 第一种：外链式 的样式引入，大力推荐 -->
    <link rel="stylesheet" type="text/css" href="./css/main.css">
    
    <!-- 第二种：内嵌式 的样式引入，部分推荐，一般用于主页，提高页面的打开性能-->
    <style>
        h1{
            color:gold;
            font-size:20px;
        }

    </style>
</head>
<body>


    <h1>页面标题</h1>
    <div>这是一个div的标签</div>

    <!-- 第三种：内联样式 的引入，不推荐，要知道 -->
    <a href="http://www.baidu.com" style="font-size: 30px;color: pink" target="_blank">粉色百度</a>



</body>
</html>

作者：David-lcw

出处：https://www.cnblogs.com/david-lcw

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。