HTML和CSS結合使用

2021-10-10 23:55:22 字數 516 閱讀 1628

第一種方式

在標籤的style屬性上設定"key:value value;",修改標籤樣式
標籤一

缺點:1.**量龐大

2.可讀性差

3.css**沒什麼復用性可言

第二種方式

在head標籤中,使用style標籤定義自己的需求的css樣式

標籤一

標籤二

缺點:1.只能在乙個頁面內復用

2.維護起來不方便,實際專案有成千上萬個頁面,修改起來工作量大

第三種方式

把scc樣式單獨寫成乙個css檔案,在通過link標籤引入。

建立乙個css檔案,css**

div

span

html檔案**

CSS 01 CSS和html結合的方式3 4

第01步 編寫第01個css樣式 div.css charset utf 8 第01步 定義div 背景色 字型顏色 div 第02步 編寫02個css樣式 p.css charset utf 8 第02步 定義p 背景色 字型顏色 p 第03步 編寫03個css樣式 span.css charse...

CSS簡介,語法及CSS與HTML結合方式

css簡介 css語法 css與html結合方式 引用css優先順序問題 上圖網頁就是應用了層疊樣式表,層疊的優先順序決定了哪個頁面在上面,那個頁面在下面。css語法一般是選擇器 選擇器 語法見下圖 top在了解乙個新技術的時候,首先就應該了解結合方式,這樣才可以跟以往的技術聯絡在一起,才有接下去學...

結合PHP使用HTML表單(2)

清單2 中的表示法當然是方便的,但它僅在 php 偽指令 register globals 被設定為 on 時才可用。在版本 4.2 以前,這是預設設定,許多 php 開發人員甚至沒有意識到有這樣的問題。然而,從版本 4.2 開始,register globals 的預設設定是 off,在此情況下,...