css 引入方式

2022-08-01 10:33:12 字數 1041 閱讀 6171

現在的網際網路前端分三層:

css:cascading style sheet,層疊樣式表。css的作用就是給html頁面標籤新增各種樣式,定義網頁的顯示效果。簡單一句話:css將網頁內容和顯示樣式進行分離,提高了顯示功能。

css的最新版本是css3,我們目前學習的是css2.1

接下來我們要講一下為什麼要使用css。

不能夠適應多種裝置

要求瀏覽器必須智慧型化足夠龐大

資料和顯示沒有分開

功能不夠強大

使資料和顯示分開

降低網路流量

使整個**視覺效果一致

使開發效率提高了(耦合性降低,乙個人負責寫html,乙個人負責寫css)

比如說,有乙個樣式需要在一百個頁面上顯示,如果是html來實現,那要寫一百遍,現在有了css,只要寫一遍。現在,html只提供資料和一些控制項,完全交給css提供各種各樣的樣式。

1 <

div>

2

<

p style

="color: green"

>我是乙個段落

p>

3 div

>

<

style

type

="text/css"

>

/*寫我們的css**

*/span

style

>

view code

<

link

rel="stylesheet"

href

="./index.css"

>

<

style

type

="text/css"

>

@import url('./index.css');

style

>

CSS引入方式

第一 css的四種引入方式 1.行內樣式 最直接最簡單的一種,直接對html標籤使用style 例如 缺點 html頁面不純淨,檔案體積大,不利於蜘蛛爬行,後期維護不方便。2.內嵌樣式 內嵌樣式就是將css 寫在之間,並且用進行宣告,例如 優缺點 頁面使用公共css 也是每個頁面都要定義的,如果乙個...

Css引入方式

div 雙標籤 css語法 屬性名 屬性值 css引入方式 1 行間樣式的引入 在標籤中寫乙個style的屬性。如 style 缺點 不利於 重用。優點 優先順序最高。2 內部樣式的引入,在head標籤中寫乙個style的標籤,在標籤中通過選擇器控制樣式。選擇器寫法 1.標籤選擇器。div2.id選...

CSS引入方式

按照css樣式書寫的位置 或者引入方式 css樣式表可以分為三大類 行內樣式表 行內式 內部樣式表 嵌入式 外部樣式表 鏈結式 內部樣式表 內嵌樣式表 是寫到html頁面內部,是將所有的css 抽取出來,單獨放到乙個標籤中.標籤理論上可以放在html文件的任何地方,但一般會放在文件的標籤中,通過此種...