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>
發佈了132 篇原創文章 · 獲贊 24 · 訪問量 6078
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章