css样式的三种引入方式


<!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>
发布了128 篇原创文章 · 获赞 24 · 访问量 4285

猜你喜欢

转载自blog.csdn.net/return_min/article/details/103821035
今日推荐