HTML5的CSS基礎知識(02)

摘要:CSS的作用是定義HTML內(nèi)元素(標記之間的內(nèi)容稱為元素)的顯示方式。雖然HTML文本內(nèi)也可以定義各元素的顯示方式(通過定義標記的屬性),但CSS的最大優(yōu)勢在于,可以被多個HTML引用,并且需要修改網(wǎng)頁格式的時候,只需要修改CSS文件。

00 什么是CSS

CSS(級聯(lián)樣式表),作用是將網(wǎng)頁內(nèi)容和顯示方式進行分離。這樣能達到兩個效果,不同網(wǎng)頁可以引用相同的CSS,一個網(wǎng)頁可以引用不同的CSS。

01 CSS定義樣式實例

引用CSS;

HTML5的CSS基礎知識(02)的圖1

CSS中定義列表樣式;

HTML5的CSS基礎知識(02)的圖2

定義嵌套列表樣式;

HTML5的CSS基礎知識(02)的圖3

HTML5的CSS基礎知識(02)的圖4

定義類class樣式,注意標點‘.’,并且引用類;

HTML5的CSS基礎知識(02)的圖5

HTML5的CSS基礎知識(02)的圖6

定義標識id,注意符合‘#’,并且引用標識;

HTML5的CSS基礎知識(02)的圖7HTML5的CSS基礎知識(02)的圖8定義超鏈接樣式;

HTML5的CSS基礎知識(02)的圖9

02 文本樣式

對于HTML中的文本內(nèi)容,CSS可以定義:字體,大小,顏色,粗體,斜體,下劃線,刪除線,字間距等各種屬性;

HTML5的CSS基礎知識(02)的圖10HTML5的CSS基礎知識(02)的圖11HTML5的CSS基礎知識(02)的圖12HTML5的CSS基礎知識(02)的圖13HTML5的CSS基礎知識(02)的圖14HTML5的CSS基礎知識(02)的圖15HTML5的CSS基礎知識(02)的圖16

首行縮進;

HTML5的CSS基礎知識(02)的圖17

內(nèi)邊距;

HTML5的CSS基礎知識(02)的圖18外邊距;

HTML5的CSS基礎知識(02)的圖19加邊框;

HTML5的CSS基礎知識(02)的圖20設置行距;

HTML5的CSS基礎知識(02)的圖21

當然CSS的

登錄后免費查看全文
立即登錄
App下載
技術鄰APP
工程師必備
  • 項目客服
  • 培訓客服
  • 平臺客服

TOP