




下載本文檔
版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、CSS學(xué)習(xí)網(wǎng)站:http: 1、【類型】主要針對(duì)網(wǎng)頁(yè)中的文本r.1字體電) : |宋體.黑偉向七V V大小:pV|像素 3)二 J粗細(xì)也 I 特粗二 I變量 W)二隹常寸大小寫:氏三懈色:.#句。口口變量:字母縮小一半,然后大招顯示.口不支持;大小M設(shè)定文本中樣式:字體風(fēng)格,是否傾斜等;文本行高:文本兩行之間的垂直距彎窗色2 2、【背景】是在網(wǎng)頁(yè)的元素后面放置固定的背景色或者圖像,(注意:是網(wǎng)頁(yè)元素后的背景色或背景圖像,而不是網(wǎng)頁(yè)的背景色或背景圖像)Q Q 提示:在設(shè)置背景圖像時(shí),最好同時(shí)指定一種背景色。這樣在下載背景圖像時(shí),背景色會(huì)首先出現(xiàn)在屏幕上,而且它會(huì)透過(guò)背景圖像上的透明區(qū)域顯示出閃客
2、啟航教程圖片背景凝色 C):ddyyddhttp:/*.fLashttrlZS.com背景圖像(X):|igsA&gif 三瀏覽|(重復(fù).)國(guó)復(fù)與圖像的重鐳方式,共有&種平鋪選項(xiàng).j 附件 g;廠水平位置國(guó))二|居中二|像素 e*)二口垂直位置世):|B 幣 3 砥三百一 3_丁背景圖像相對(duì)于前景元素的位置,即:圖像相對(duì)于前景的文本左對(duì)東右對(duì)東底部對(duì)齊、頂部對(duì)齊*居中對(duì)齊等.值可以對(duì)背景圖像做出更精確的控制廠修飾。:廠下劃線控制港星文廠上劃線地)本顯示淞態(tài)上刪除線 9r閃爍I廠無(wú)選擇分類的“類型”它主要是針對(duì)文本的參數(shù).http:/www.flasher123,com樣式:|正
3、常二行高國(guó)):I 正常二|像素上j二mmMedl的的CSS樣式定義樣式定義分類背景背景圖片是否隨頁(yè)面的滾動(dòng)而一起滾動(dòng)口固定:固定不動(dòng)滾動(dòng):一起濠動(dòng)3 3、【區(qū)塊】區(qū)塊是指網(wǎng)頁(yè)中的文本、圖像、層等元素的集合,區(qū)塊屬性用于控制塊中內(nèi)容的間距、對(duì)齊方式、文本縮進(jìn)等,其屬性參數(shù)面板如下:dl的的CS樣式定義樣式定義分類在HTML中空格是被省略的,正常二收縮空格;保留:保留空格;不揄行:只有遇到b標(biāo)簽時(shí)才換行而不自動(dòng)換行.4 4、【方框】即盒子模型 CSSCSS 將網(wǎng)頁(yè)中所有的塊元素都看作包含在一個(gè)虛擬的方框內(nèi),這個(gè)方框包含四個(gè)部分:間隔/邊界:外邊距留白/填充:內(nèi)外距方框內(nèi)容寬如:自動(dòng)二j像素出)二j
4、浮動(dòng)化區(qū)3高01):|So31像素薪)2清除:因三區(qū)塊像詞間距位):世庵表位展力邊列握r、字母間距1):垂直對(duì)齊。:I遵,本對(duì)齊I:I居中文字箱進(jìn)Q):|12 二 J像素(px)空格型):嚴(yán)換行顯示:段間隔邊框向CSS群式定義閃客啟航教程圖片分類http/www.l&s;hgrl23,eg埴充7全部相同上二慳二n像素麻)二j邊界,全部相同上)二丁三I像素麻)三京客呂航教程圖片一(em)文字間相隔的距寓中文沒(méi)有單詞:)文本或圖像相對(duì)于上一領(lǐng)元素的垂直位置|塊的水平對(duì)齊方式|是否以及如何顯示元素反比右:|20下如:回右):pFl像享2下皿:|5三j|像素.心二左 3|20左:0 霍)I5
5、5、【邊框】邊框面板的屬性主要針對(duì)方框的邊框。上:右國(guó)):下:左 g;6 6、【列表】列表屬性主要用于控制列表內(nèi)的各項(xiàng)元素:CSS群式定義群式定義分類列表閃客啟航教程圖片型景塊愜褪留位展類背區(qū)方邊國(guó)定擴(kuò)http:/ 類型二項(xiàng)目符號(hào)圖像二I三位置g二【類型】中有 1010 種選擇,可供列表每一項(xiàng)前面使用,如圓點(diǎn)或羅馬字母【項(xiàng)目符號(hào)圖像】作用是項(xiàng)目前的符號(hào)用圖像替代。【位置】項(xiàng)目符號(hào)或圖像顯示在方框之內(nèi)或者之外。7 7、【定位】定位主要用于精確定位層的位置:.mmuedl的的CSS樣式定義樣式定義分類定位型景段限他多美背區(qū)方邊利類型1)南三寬:I自動(dòng)一II像之三I高際一11像素定位顯示W(wǎng))二網(wǎng)見二
6、軸):I三I溢出):|3I-曄.mmuedl的的CSS掙掙式定義式定義型景決.類背區(qū)士二|像素Q*:(門客啟航教程圖片bttpflash4123,;啟航教程圖片樣式I1乒全部相同V全部相同電)邊框定義邊框線的樣式定義邊樞線寬度http:/www.flasher123,com 一定義邊框線顏色“全部相同fl|#FFOOOO上 9:|自動(dòng)二像素DjJ右:|自動(dòng)二萌百二三下Qfl):|自。,|像素如0rl左9二|自動(dòng)工像案,二J:om上化):|自動(dòng)工|像素二|右:有動(dòng)二|雪弟一jJT出):|自動(dòng)三 ,二.:2ZI左。二 自動(dòng)二j|像寺P-二j8 8、【擴(kuò)展】【分頁(yè)】這是為打印網(wǎng)頁(yè)而設(shè)置的,選項(xiàng)表示在
7、樣式表所控制的對(duì)象之前或者之后分頁(yè)。【視覺效果】(為網(wǎng)頁(yè)設(shè)置特殊效果)【光標(biāo)】指定某個(gè)元素上要使用的光標(biāo)形狀,有 1515 種形狀可供選擇。一般使用的是 windowswindows 里面的各種光標(biāo),也可以指定圖標(biāo)的 URLURL?!具^(guò)濾器】為網(wǎng)頁(yè)中的元素添加各種效果,其具體使用方法在下一個(gè)小節(jié)詳細(xì)介紹。分類擴(kuò)展型景塊椎愜表也類背區(qū)方邊列定.過(guò)濾黑(I):幫助函GE顫勒斯之前0:之后 3);光標(biāo):取洎中英文對(duì)照表五、邊框/Border一、舊Style 樣式/width 范度/color 顏色font-family字體Top上邊f(xié)ont-size字體大小Right右邊f(xié)ont-style字體樣式
8、(斜體/Bottom下邊偏斜體)left左邊line-height行高六、列表text-decoration下劃線,上劃線list-style-type列表標(biāo)記符號(hào)font-weight字體粗細(xì)font-variant變體list-style-image列表項(xiàng)目符號(hào)text-transform大小寫圖象color字體顏色list-style-position列表位置二、背景七、定位background-color背景顏色Positionbackground-image背景圖片width:寬background-repeat背景重復(fù)方式height高background-attachment背景
9、滾動(dòng)或固Visibility顯小/規(guī)小兒系定是否可見background-position背景水平位置z-index:Z 軸/設(shè)置兀素的堆三、區(qū)塊疊順序word-spacing單詞間距Overflow 說(shuō)位/規(guī)TE內(nèi)谷溢出兀素時(shí)發(fā)letter-spacing字母間距生的事情放置vertical-align垂直對(duì)齊方式Placementtext-align文本對(duì)齊方式top上置入text-indent文本縮進(jìn)方式right行人white-space保留方式bottom卜置入display顯示方式left5 人四、方框clip裁剪絕對(duì)定位兀素width寬top上height高right右float浮動(dòng)方式bottom下clear清除方式left左paddin
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 高校輔導(dǎo)員招聘試題及答案專業(yè)分析
- 美發(fā)發(fā)色知識(shí)培訓(xùn)課件
- 提升戰(zhàn)略2024年稅務(wù)師考試試題及答案
- 二零二五電梯安裝物業(yè)管理協(xié)議三方協(xié)議
- 二零二五房屋拆遷補(bǔ)償置換協(xié)議書
- 二零二五版于股權(quán)轉(zhuǎn)讓合同
- 建筑工程安全生產(chǎn)合同
- 二零二五版貨物委托運(yùn)輸協(xié)議書
- 二零二五借款合同與抵押合同期限
- 離婚冷靜期離婚協(xié)議書
- 山東省獨(dú)生子女父母退休一次性養(yǎng)老補(bǔ)助申請(qǐng)表
- 4.3 TIA博途軟件的調(diào)試
- 共同費(fèi)用分割單表
- 神經(jīng)內(nèi)科臨床路徑
- 混凝土拌合站計(jì)量系統(tǒng)自檢校準(zhǔn)記錄
- 護(hù)理實(shí)習(xí)生崗前培訓(xùn)課件
- 患者發(fā)生嗆咳應(yīng)急預(yù)案
- 艾賓浩斯記憶表格遺忘曲線
- 初中物理-流體壓強(qiáng)與流速的關(guān)系教學(xué)設(shè)計(jì)學(xué)情分析教材分析課后反思
- 電力設(shè)備預(yù)防性試驗(yàn)規(guī)程
- 差額定率分檔累進(jìn)法計(jì)算
評(píng)論
0/150
提交評(píng)論