15. CSS编写的位置

最新推荐文章于 2023-03-24 16:53:39 发布

广东码农

最新推荐文章于 2023-03-24 16:53:39 发布

阅读量63

点赞数

分类专栏： html+css 文章标签：前端

本文链接：https://blog.csdn.net/quanxiaobai_/article/details/115707128

版权

html+css 专栏收录该内容

82 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!-- 
        第二种方式（内部样式表）
            -将样式编写到head中的style标签里面
            -然后通过css的选择器来选中元素并为其设置各种样式
            -可以同时为多个标签设置样式，并且修改时只需要修改一处即可全部应用
            -注意！在sytle标签里面的区域，都不适用html语法，只适用css语法
     -->

    <!-- <style>
        p{
            color: green;
        }
    </style> -->

    <!-- 
        第三种方式（外部样式表）最佳实践
            -可以将CSS样式编写到一个外部的CSS文件中
            -然后通过link标签引入外部的CSS文件
            -意味着只要想使用这些样式的网页都可以对其进行引用
            -使样式可以在不同页面之间进行复用
            -将样式编写到外部的CSS文件中，可以使用到浏览器的缓存机制，从而加快网页的加载速度，提高用户的体验
     -->
     <link rel="stylesheet" href="./css/test.css">
</head>
<body>
     <!-- 
        使用CSS来修改元素的样式
        第一种方式（内联样式，行内样式）：
            -在标签内部通过style属性来设置元素的样式
            -问题
                使用内联样式，样式只能对一个标签生效，
                如果希望影响到多个元素必须在每一个元素中都复制一遍
                并且当样式发生变化时，我们必须要一个一个的修改，非常的不方便维护
            -注意！开发时绝对不要使用内联样式
      -->
    <p style="color:red;font-size:60px;">wow，wow，戴拿！</p>  

    <p>you are always my hero</p>
</body>
</html>

广东码农

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
15. CSS编写的位置

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- 第二种方式（内部样式表） -将样式编写到head中的style标签里面 -然后通过css的选择器来选中元素并为其设置各种样式 -可以同时
复制链接

扫一扫