CSS的三種引入方式

2021-10-08 21:34:24 字數 541 閱讀 2433

行內樣式

二內部樣式

三外部樣式

行內樣式

行內樣式

行內樣式是在標籤的style屬性中設定css樣式,盡量不要大規模使用(難以維護)

"en">"color: red">我是紅色

在瀏覽器中會得到以下渲染

**內部樣式

內部樣式

將css**寫在head標籤中的style標籤裡面

"">我是紅色

在瀏覽器中會得到以下渲染

**外部樣式

外部樣式

將css**寫在乙個檔案裡面,然後再html檔案中引用css檔案(易於維護)

css檔案:

p

html檔案

"en">"">我是紅色

在瀏覽器中會得到以下渲染

css三種引入方式

行內 標籤內部 head內 style標籤 link 引入外部 href rel stylesheet style type import url style 選擇類 選擇id 一 三種css樣式規則的定義語法 名稱 語法 使用方式 1 標記選擇器 標記名稱 p2 id選擇器 id名稱 3 類選擇器...

CSS的三種引入方式

內聯css也稱為行內css或者行級css,它直接在標籤內引入。優點 便捷 高效 缺點 不能夠重用樣式,行數多的時候不建議使用 頁級css也稱為內部css,整體放在head標籤裡面,在style標籤裡面定義樣式,作用範圍僅限於本頁面。缺點 可維護性差 外聯css也稱為外部css,在實際專案中通常使用此...

CSS引入的三種方式

目的 為了把樣式和內容分開,並且使網頁元素更加豐富,引入了css css頁面引入有三種方式 1 內聯式 比較不常用,因為內容和樣式仍然在一起,不方便。示例 傳統布局 使用table來做整體頁面的布局 總結 這種方式來製作頁面現在也不是很多了,感覺並不是很高效。需要先用photoshop量出頁面布局具...