• CSS的引入方式


    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
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    contest9 CF295 div1 ooxx? ooox? oooo?
    The 8KB bug
    简单消息框架
    示例页面
    Unity3d中角色模型和角色名字保持相对位置
    Unityd外发光Shader Lab
    Unity3D判断当前所在平台
    Unity3D中的shader基础知识
    Sql Server 分区
    MVC 使用缓存
  • 原文地址:https://www.cnblogs.com/david-lcw/p/10132079.html
Copyright © 2020-2023  润新知