css調(diào)用方式有哪些

發(fā)布時間：2022-03-10 09:51:35 來源：億速云閱讀：162 作者：小新欄目：web開發(fā)

這篇文章主要為大家展示了“css調(diào)用方式有哪些”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css調(diào)用方式有哪些”這篇文章吧。

什么是css

層疊樣式表：為網(wǎng)頁標簽添加屬性的（表現(xiàn)），修飾渲染控制顯示方式。

Css出現(xiàn)解決了結(jié)構(gòu)和表現(xiàn)排版混亂，把結(jié)構(gòu)和表現(xiàn)分離了，減小單頁面代碼量，便于統(tǒng)一管理和維護。

css如何使用

在html頁面中，css的使用方式：

1》行內(nèi)樣式：應(yīng)用樣式到網(wǎng)頁元素內(nèi)，元素style屬性：

style="樣式名稱:value;樣式名稱:value..."、

2》頁內(nèi)樣式：head body之間

<style>

</style>

type="text/css" 類型：文本編寫的css

3》外部樣式：調(diào)用了外部樣式文件 ---》 .css *****

type="text/css" 類型：文本編寫的css

href=”樣式文件的路徑” 注意：路徑遵循路徑規(guī)則

rel="stylesheet" 樣式的引入規(guī)范

結(jié)構(gòu)和表現(xiàn)分離的

案列

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>無標題文檔</title>

</head>

/*樣式；*/

</style>

<body>

<div>今天天氣不錯</div>

</body>

</html>

Css代碼

@charset "utf-8";

/* CSS Document */

div{

border:1px solid #ff0000;

}

以上是“css調(diào)用方式有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

猜你喜歡