day07.02.CSS三种样式

追梦女孩ii

已于 2024-07-18 21:01:46 修改

阅读量364

点赞数 5

分类专栏： HTML 一阶段day07 一阶段文章标签： css 前端 python 数据分析算法

于 2024-06-22 09:15:00 首次发布

本文链接：https://blog.csdn.net/m0_61566562/article/details/139856278

版权

一阶段同时被 3 个专栏收录

43 篇文章 0 订阅

订阅专栏

HTML

23 篇文章 0 订阅

订阅专栏

一阶段day07

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* 内部样式 */
        /* css 注释 */
        div {background:orange;}
        /* 类选择器 */
        .abc{font-size:30px;background:red;}
    </style>


    <!--  外部样式  -->
    <link rel="stylesheet" href="css/demo.css">


</head>
<body>
        <!-- 内联样式 ： style = "" -->
        <!--   html注释     -->
    <div style = "color:red">以色列攻打加沙</div>
    <div class = "abc">以色列攻打加沙</div>
    <div class = "abc">以色列攻打加沙</div>

</body>
</html>


<!--  内部样式/外部样式/内联样式
        优先级：内联样式 --内部样式/外部样式（一样）
                例如：如果内联样式设置颜色为红色，外部/内部选择器为黄色，那么最后会是红色
        -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* 内部样式 */
        /* css 注释 */
        div {background:orange;}
        /* 类选择器 */
        .abc{font-size:30px;background:red;}
    </style>


    <!--  外部样式  -->
    <link rel="stylesheet" href="css/demo.css">


</head>
<body>
        <!-- 内联样式 ： style = "" -->
        <!--   html注释     -->
    <div style = "color:red">以色列攻打加沙</div>
    <div class = "abc">以色列攻打加沙</div>
    <div class = "abc">以色列攻打加沙</div>

</body>
</html>


<!--  内部样式/外部样式/内联样式
        优先级：内联样式 --内部样式/外部样式（一样）
                例如：如果内联样式设置颜色为红色，外部/内部选择器为黄色，那么最后会是红色
        -->