當我們想要在網頁上添加新的樣式時,比如改變文字的顏色或調整圖片大小,我們需要使用CSS來實現。為了方便,我們可以新建一個CSS類,從而避免每次都要在CSS文件中重復輸入樣式代碼。
要新建一個CSS類,我們需要在CSS文件中使用以下格式:
.className { /* 在這里添加要應用的樣式 */ }
其中,className就是你想要為這個類命名的名稱。在大括號內,你可以添加任何CSS屬性,例如:
.className { color: red; font-size: 20px; }
這個類的作用是將它應用到HTML代碼中需要的元素上,比如一個段落,你只需要在HTML代碼中加上該類的名稱即可:
這是一個使用新建CSS類的段落。
這個段落的樣式就會自動應用一個紅色的文字和20像素的字體大小。
可以用多個CSS類添加到同一元素上,例如:
這是一個使用多個CSS類的段落。
這個段落就會應用className1和className2中包含的所有樣式。
在新建CSS類的時候,要注意給它一個具有描述性的名稱,方便以后的修改和管理。此外,新建CSS類的樣式應該盡可能地通用,比如應用到多個元素上,而非只是單個元素。
上一篇html5代碼手冊
下一篇新建html頁面與css