阅读 86

前端基础HTML---外部样式表

可以将样式表编写到外部的css文件中,然后通过link标签来讲外部的css文件引入到当前页面中,
这样外部文件中的css样式表将会应用到当前页面中

将css样式统一编写带外部的样式表中,完全使结构表现纹理,可以使样式表可以在不同页面中使用
最大限度的复用,并且可以加快用户的访问速度

最推荐使用外部样式表

index.html文件

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>外部样式表title>
        
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
        
        
    head>
    <body>
        <p>锄禾日当午.汗滴禾下土p>
    body>
html>

 

style.css文件

p{
    font-size: 20px;
    color: red;
}

 

效果:

 

原文:https://www.cnblogs.com/leiyanting/p/14947881.html

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐