第6章用css設(shè)置文本和圖像樣式(編輯修改稿)
2024-11-03 15:51 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 align 水平對(duì)齊 left, right, center, justify（兩端對(duì)齊） textindent 首行縮進(jìn) 值 whitespace 空格 normal, pre（保留空格） , nowrap（不換行） display 顯示方式 none（不顯示）， inline（顯示為行內(nèi)元素），block（顯示為塊元素） 設(shè)置段落屬性 設(shè)置段落屬性 p { wordspacing: 1em。 letterspacing: 。 textalign: left。 textindent: 2em。 whitespace: nowrap。 } verticalalign 屬性 ? verticalalign 屬性只對(duì)行內(nèi)元素有效。行內(nèi)元素包括文字、圖片、表單元素等。 ?語(yǔ)法： verticalalign : baseline | sub | super | top | text top | middle | bottom | textbottom verticalalign 屬性 ?（ 1）設(shè)置行內(nèi) img 與文字的垂直對(duì)齊方式。例： .middle { verticalalign: middle。 } p img src=“images/” width=“80” height=“80” class=“middle” /紫楠花園位于河?xùn)|區(qū) /p verticalalign 屬性 ?（ 1）設(shè)置行內(nèi) img 與文字的垂直對(duì)齊方式。例： .top { verticalalign: top。 } p img src=“images/” width=“80” height=“80” class=“top” /紫楠花園位于河?xùn)|區(qū) /p verticalalign 屬性 ?（ 2）設(shè)置 tr、 th、 td 中文字的垂直對(duì)齊方式。 …… tr td class=“top”斯凱瑞故事集 /td td /td td故事集的內(nèi)容十分豐富， ……/td /tr …… .top { verticalalign: top。 } verticalalign 屬性 ?（ 2）設(shè)置 tr、 th、 td 中文字的垂直對(duì)齊方式。 …… tr class=“top” td斯凱瑞故事集 /td td /td td故事集的內(nèi)容十分豐富， ……/td /tr …… .top { verticalalign: top。 } verticalalign 屬性 ?（ 3）設(shè)置文字的上標(biāo)、下標(biāo)。 pHspan class=“sub”2/spanO/p p1 10span class=“super”13/spanp .sub { verticalalign: sub。 fontsize: 50%。 } .super { verticalalign: super。 fontsize: 50%。 } 對(duì)列表應(yīng)用樣式 列表的類(lèi)型 ?項(xiàng)目列表 ul li北京 /li li上海 /li /ul ? 編號(hào)列表 ol li北京 /li li上海 /li /ol 列表的屬性 屬性 描述
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1