CSS引入的三種方式

2021-09-26 06:10:19 字數 1078 閱讀 1813

目的:為了把樣式和內容分開,並且使網頁元素更加豐富,引入了css

css頁面引入有三種方式:

1)內聯式:比較不常用,因為內容和樣式仍然在一起,不方便。示例:

傳統布局:使用table來做整體頁面的布局

總結:這種方式來製作頁面現在也不是很多了,感覺並不是很高效。

需要先用photoshop量出頁面布局具體的尺寸位置,再將其劃分為**,

對每個格仔進行編輯。每個格仔可以巢狀**,這樣有時候寫著寫著還有點迷糊,

要重新找到編輯位置屬於哪乙個**的哪個位置, 通常會將**的border設定為1,

方便檢查

是乙個面向開發者的知識分享社群。自建立以來,

一直致力並專注於為開發者打造乙個純淨的技術交流社群,

推動並幫助開發者通過網際網路分享知識,從而讓更多

2)嵌入式:由於這種方式速度快,一般用於首頁載入。示例:

是乙個面向開發者的知識分享社群。自建立以來,

一直致力並專注於為開發者打造乙個純淨的技術交流社群,

推動並幫助開發者通過網際網路分享知識,從而讓更多

是乙個面向開發者的知識分享sdgdhgfgjkhljsadsfxcvbnm社群。自建立以來,

一直致力並專注於為開發者打造乙個純淨的技術交流社群,

推動並幫助開發者通過網際網路分享知識,從而讓更多

3)外聯式:樣式單獨儲存在main.css檔案中,樣式與內容完全分離,用於大多數網頁中。示例:

是乙個面向開發者的知識分享社群。自建立以來,

一直致力並專注於為開發者打造乙個純淨的技術交流社群,

推動並幫助開發者通過網際網路分享知識,從而讓更多

是乙個面向開發者的知識分享sdgdhgfgjkhljsadsfxcvbnm社群。自建立以來,

一直致力並專注於為開發者打造乙個純淨的技術交流社群,

推動並幫助開發者通過網際網路分享知識,從而讓更多

main.css:

div

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的三種引入方式

1,行內式 直接寫在html標籤中,控制當前標籤,對其他標籤不起作用 我是盒子 2,內嵌式 一般寫在head標籤中,但理論上寫在什麼位置都可以,可以控制整個頁面的樣式 doctype html en utf 8 document title pink style head pink 我是盒子 div...