css样式的三种引入方式

最新推荐文章于 2024-04-17 02:07:10 发布

return_min

最新推荐文章于 2024-04-17 02:07:10 发布

阅读量464

点赞数

分类专栏： web基础

本文链接：https://blog.csdn.net/return_min/article/details/103821035

版权

web基础专栏收录该内容

22 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--&lt;!&ndash;2.嵌入式引入样式，样式写在html文档中，head中的style标签内&ndash;&gt;-->
    <!--<style>-->

        <!--div{-->
            <!--width: 150px;-->
            <!--height: 150px;-->
            <!--background-color: green;-->
        <!--}-->
        <!---->
    <!--</style>-->

    <!--3.通过link标签，引入外部 1.css 文件的样式-->
    <link rel="stylesheet" href="./css/1.css" >

</head>
<body>

<!--1. 行间添加属性style，设置样式-->
<div style="width: 100px;height: 100px;background-color: red">
   1111111
</div>

<div>
    222222
</div>

<div>
    333333
</div>


</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

return_min

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css样式的三种引入方式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--&lt;!&ndash;2.嵌入式引入样式，样式写在html文档中，head中的style标签内&am...
复制链接

扫一扫