首頁 >web前端 >html教學 >css怎麼連接到html

css怎麼連接到html

清浅
清浅原創
2019-05-06 16:04:5414707瀏覽

CSS連接到html的方式有:直接在標籤內寫CSS樣式;透過style在頭部直接寫入CSS;透過link外部連結一個CSS檔案;接入多個CSS檔案時透過@import url來實現

css怎麼連接到html

CSS連接到html的方式有四種,分別是:

方法一:直接在標籤裡寫入對這個標籤的css控制

<div style="width:100px;height:100px;border:1px solid #ccc"></div>

方法二:頭部直接寫入css

<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
       p{font-size: 20px;
        color:red;}
        h1{color: blueviolet;
        font-family: "Arial Narrow";
        }
    </style>
</head>

方法三:外部連結一個css檔

這是常用的方法

<link href="css.css" rel="stylesheet" type="text/css">

方法四:當存取多個css時,一個css檔案引用另一個css檔案時

@import url(文件名.css)

在頁面載入完畢後載入

以上是css怎麼連接到html的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:iframe怎麼用下一篇:iframe怎麼用

相關文章

看更多