asp1net使用CSS布局網(wǎng)

asp1net使用CSS布局網(wǎng)

ID:39302919

大小:3.47 MB

頁數(shù):50頁

時間:2019-06-30

asp1net使用CSS布局網(wǎng)_第1頁
asp1net使用CSS布局網(wǎng)_第2頁
asp1net使用CSS布局網(wǎng)_第3頁
asp1net使用CSS布局網(wǎng)_第4頁
asp1net使用CSS布局網(wǎng)_第5頁
資源描述:

《asp1net使用CSS布局網(wǎng)》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、第3章使用CSS布局網(wǎng)頁ASP.NET程序設(shè)計教程北京理工大學(xué)計算機學(xué)院金旭亮主要內(nèi)容3.1CSS簡介3.2在HTML文檔中使用CSS3.3編寫CSS樣式規(guī)則3.4樣式的繼承與層疊3.5CSS盒模型3.6流式布局與浮動布局3.7盒子的定位方式3.8網(wǎng)頁布局實踐23.1CSS簡介CSS的作用CSS文檔的基本組成元素CSS起什么用?SimplestPage.htm4結(jié)論:HTML定義了網(wǎng)頁的結(jié)構(gòu)CSS決定了瀏覽器如何顯示HTML代碼僅僅HTMLHTML+CSS3.2在HTML文檔中使用CSS5如何在HTML中引入CSS?行內(nèi)式:在HTML標(biāo)簽的style屬性中編寫CSS代碼嵌入式:

2、在中編寫CSS代碼鏈接式:使用鏈接外部CSS文件導(dǎo)入式:使用@import指令@import"mystyle.css";63.3編寫CSS樣式規(guī)則7CSS規(guī)則與聲明CSS文檔由一條或多條CSS規(guī)則組成,規(guī)則擁有特定的格式:8CSS單位單位名稱說明pc(pica)1pc=12pointpt(point)1pt=1/72inchmm(millimeter)亳米cm(centime

3、ter)厘米in(inch)英寸px(pixel)像素,代表計算機屏幕上的一點em表示字體的高度的單位ex表示字體中字母X的高度9學(xué)會編寫CSS選擇器標(biāo)簽選擇器用于設(shè)定HTML文檔中指定標(biāo)簽的顯示樣式11p{color:Red;font-size:25px;}類別選擇器給特定的一組CSS代碼取名,然后可以應(yīng)用于多個不同的標(biāo)簽:12.red_large_text{color:Red;font-size:25px;}thisisaparagraph.

4、ww.bit.edu.cn">北京理工大學(xué)定義一個類別選擇器在不同元素中應(yīng)用類別選擇器ID選擇器對于頁面中獨一無二的元素,如頁腳,可以給其id屬性賦予一個獨一無二的值13任何建議,請發(fā)送至教師郵箱

然后可以用ID選擇器給指定ID的元素設(shè)置樣式#footer{font-style:italic;font-size:16px;}偽類選擇器超鏈接標(biāo)簽支持幾個特殊的CSS樣式類,用于定義超鏈接不同狀態(tài)的樣式,這些樣式類被稱為“偽類(pseudocl

5、ass)”14屬性說明a:link超鏈接的普通樣式,即正常瀏覽狀態(tài)的樣式a:visited被點擊過后呈現(xiàn)的樣式a:hover鼠標(biāo)指針懸停于超鏈接元素之上時呈現(xiàn)的樣式a:active單擊超鏈接時呈現(xiàn)的樣式Demo:PseudoSelector.htm基本選擇器與復(fù)合選擇器將前面介紹的“標(biāo)記選擇器”、“類別選擇器”和“ID選擇器”統(tǒng)稱為“基本選擇器”。“復(fù)合選擇器”包括:(1)交集選擇器(2)并集選擇器(3)后代選擇器15交集選擇器直接指定特定標(biāo)記中特定類別或ID的樣式。16p.special{/*標(biāo)記.類別選擇器*/color:red;}p#special{/*id選擇器*/co

6、lor:green;}Demo:IntersectionSelector.htm注意:選擇器字符間不要有空格!并集選擇器一次定義多個標(biāo)簽或類別或ID的樣式17div,.special,#one{/*集體聲明*/text-decoration:underline;/*下劃線*/}注意:以逗號隔開各個選擇器Demo:UnionSelector.htm后代選擇器選擇嵌套在指定元素的內(nèi)部元素的樣式18pspan{color:red;}Demo:DescendantSelector.htm注意:以空格分隔選擇器關(guān)于選擇器CSS選擇器是編寫樣式表文檔的基礎(chǔ),一定要熟悉并掌握這六種基本的選擇

7、器樣式,從而為今后網(wǎng)頁設(shè)計打下基礎(chǔ)。193.4CSS的繼承與層疊原則瀏覽器如何顯示未定義樣式的元素?樣式定義相互沖突時如何決定最終顯示效果?CSS的繼承原則21結(jié)論:沒有定義CSS規(guī)則的HTML元素從它的父元素中繼承樣式!div.father{color:blue;/*顏色*/text-decoration:underline;/*下劃線*/}這是父元素內(nèi)的文本,顯示為藍(lán)色加下劃線

這是子元素內(nèi)的文本
使用交集選擇器定義樣式

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。
相關(guān)標(biāo)簽