筆記(div+css)

筆記(div+css)

ID:39612916

大小:1.05 MB

頁數(shù):16頁

時(shí)間:2019-07-07

筆記(div+css)_第1頁
筆記(div+css)_第2頁
筆記(div+css)_第3頁
筆記(div+css)_第4頁
筆記(div+css)_第5頁
資源描述:

《筆記(div+css)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、Div+Css開山篇Div+css是什么?Div+css是一種目前比較流行的網(wǎng)頁布局技術(shù)Div存放需要顯示的數(shù)據(jù)(文字,圖表),css就是用來指定怎樣顯示,從而做到數(shù)據(jù)和顯示相互分離的效果原理圖如下:我們可以簡單的這樣理解div+cssDiv是用于存放內(nèi)容(文字、圖片、元素)的容器。Css是用于指定放在Div中的內(nèi)容如何顯示,包括這些內(nèi)容的位置和外觀快速入門案例(體驗(yàn)案例):Demo1.htmlcss入門小案例

My.css.style1{/*寬度*/width:400px;height:300px;/*一定要寫一個(gè)分號(hào)*/background-color:silver;border:1pxsolidred;margin-left:400px;margin-top:250px;padding-top:20px;padding-left:40px;}?網(wǎng)頁設(shè)計(jì)的三個(gè)時(shí)期①table網(wǎng)頁設(shè)計(jì)②table+css網(wǎng)頁設(shè)計(jì)③div+css網(wǎng)頁設(shè)計(jì)?

3、css使用必要Css使用的基本語法選擇器{屬性1:屬性值;屬性2:屬性值;}Demo2.html欄目一
欄目二
欄目三
欄目四

4、n>
欄目五Demo2.css/*.s1用術(shù)語類選擇器*/.s1{color:green;font-size:30px;}.s2{color:yellow;font-size:12px;}.s3{color:blue;font-style:italic;}.s4{color:green;font-weight:bold;}.s5{color:#A26161;}字體統(tǒng)一案例Demo2.html

5、stylesheet"type="text/css"href="demo2.css"/>欄目一
欄目二
欄目三
欄目四
欄目五Demo2.css/*.s1用術(shù)語類選擇器*/.s1{color:blue;font-size:30px;font-

6、style:italic;text-decoration:underline;}Css必要性2可以使用濾鏡濾鏡的使用內(nèi)嵌代碼:a:linkimg{filter:gray;}a:hoverimg{filter:"";}

7、>?Css中常用的四種選擇器:1.類選擇器(class選擇器)基本使用:類選擇器{屬性名:屬性值;……}2.id選擇器基本使用#id選擇器{屬性名:屬性值;……}案例#id1{background-color:silver;font-size:40px;}3.html元素選擇器某個(gè)html元素{屬性名:屬性值;……}案例/*html選擇器*/body{color:orange;}4.通配符選擇器?css文件可以使用在各種文件(p

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

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

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