引入css樣式的三種方式

2021-09-24 02:19:49 字數 699 閱讀 3923

1.行內式

《標記名 style="屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;">內容該語法中style是標記的屬性,實際上任何html標記都擁有style屬性,用來設定行內式。其中屬性和值的書寫規範與css樣式規則相同,行內式只對其所在的標記及巢狀在其中的子標記起作用。

行內式也是通過標記的屬性來控制樣式的,這樣並沒有做到結構與表現的分離,所以一般很少使用。只有在樣式規則較少且只在該元素上使用一次,或者需要臨時修改某個樣式規則時使用。

2.內嵌式

使用style標記可定義內嵌式css樣式表,style標記一般位於head頭部標記中,title標記之後。

內嵌式css樣式只對其所在的html頁面有效,因此,僅設計乙個頁面時,使用內嵌式是個不錯的選擇。但如果在乙個**,不建議使用這中方式,因為它不能充分發揮css**的重用優勢。

3.鏈入式

鏈入式是將所有的樣式放在乙個或多個以.css為副檔名的外部樣式表檔案中,通過標記將外部樣式表檔案鏈結到html文件中。

該語法中,標記需要放在頭部標記中,並且必須指定標記的三個屬性。如下:

引入css樣式的三種方式

第一種 內部樣式表 charset utf 8 寒假練習title head style width 1000px height 1000px background color red font size 20px text align center 求索網工作室 body html 第二種 行間樣...

css三種引入方式

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

HTML三種樣式引入方式

文章位址 html有三種樣式引入方式 行內樣式 inline styles 嵌入式樣式表 embedded style sheets 外部樣式表 external style sheets 又稱內聯表單樣式,它直接寫在標籤內部,用style屬性宣告。行內樣式不能實現所有的樣式,比如hover和 im...