美文网首页
CSS(三)外部样式表

CSS(三)外部样式表

作者: InsaneLoafer | 来源:发表于2021-10-12 12:16 被阅读0次

    外部样式表

    • 外部样式:外部样式表就是新建一个文档,里面全写css,然后再通过link插到html代码中
    • 作用:使网页的表示层与结构层彻底分离
    • 示例:将背景设置,修改为外部样式表
    <link rel="stylesheet" type="text/css" href="index.css>
    
    • 小贴士:除了link进行外部样式表的链接,还是其他方法哦

    实战

    • index.css 文件
    p{
        background-color: red;
        font-size: 40px;
    }
    .p1{
        font-family: 隶书;
    }
    body{
        background-color: blue;
        background-image: url("image/12.jpeg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: top left;
         
    }
    
    • index.html 文件
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Document</title>
        <link rel="stylesheet" type="text/css" href="index.css">
    </head>
    <body>
        <p>https://www.baidu.com</p>
        <p>百度</p>
        <p class="p1">jaodsjfinovajdoifhogjaoisdjfioad骄傲ID房价回购
        瓦尔哦啊哦安东覅好IG阿道夫</p>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:CSS(三)外部样式表

          本文链接:https://www.haomeiwen.com/subject/qauinltx.html