版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
TOC\o"1-2"\h\z\u背景固 背景定 組合設(shè) 案 八、文本/字體樣 指定字 字體顏 字體大 字體加 文本排 行 文字修 文本縮 九、表格樣 垂直對 邊框合 邊框邊 十、布 float屬 clear屬 display屬 十一、列表樣 十二、定 一、CSS概述CSS的作用素通用，即CSS產(chǎn)生，它是對頁面的樣式進(jìn)行統(tǒng)一的定義（聲明）的。Sheets2）用于HTML文檔中元素的樣式定義。CSS的基礎(chǔ)語法二、如何使用CSS樣式表例如：<head><styleh1{color:green;例如：<head><styleh1{color:green;CSS規(guī)定的注釋/*注釋*/，而不是HTML里的注釋<!--注釋-->。例如：myStyle.css例如：myStyle.cssh1{color:green;html文件里的<head>元素：<linkrel="stylesheet"type="text/css"href="myStyle.css"是什么類型的；text/css：代表純文本類型的CSS代碼。CSS樣式表特征和優(yōu)先級內(nèi)聯(lián)>內(nèi)部或者外部。三、CSS選擇器}}<h2class="myClass">h2中的文本<pclass="myClass">p中的文本例如：例如：p.myClass{color:red;font-size:20pt<h2class="myClass">h2中的文本<pclass="myClass">p1中的文本<p>p2中的文本id選擇器個元素的id屬性的值。{<h1id="header">Thisis例如：例如：h1<h1>Thisis對某些選擇器定義一些統(tǒng)一的設(shè)置（相同的部分例如：h1,p,div{例如：h1,p,div{border:1pxsolid }a:hover{font-size:20pt;a:visited{color:pink;font-size:15pt;a:active{color:red;id>>例如：<divid="id"class="classdiv<.class<div.class<#id<div#id例如：<divid="id"class="class四、CSS單位 五、邊框樣式單邊寬度border-單邊樣式border-單邊顏色border-input.btn{height:30px;input.btn{height:30px; width邊框、內(nèi)外邊距對元素尺寸的影響3）簡寫方式：①padding:10px20px;3）簡寫方式：①margin:10px20px;②margin:10px20px30px40px;2，左右平分七、背景樣式background-position:lefttop;/*可寫px、%、center單詞background:background-color||background-image||background-||background-attachment||background-background:#9dcdfebackground:#9dcdfeurl(a.jpg)no-repeatfixedleft的單個屬性設(shè)置。比如設(shè)置background:white等價于設(shè)置background:whitenonerepeatscroll0%<imgstyle="background-image:url(images/logo.png);border:1pxsolidred;"八、文本/字體樣式;colorRGB值指定顏色
em;①normal400②bold700b③boldernormal④lighternormal⑤100200⑥200100300⑦300200⑧400⑨500400⑩600500?700?800700?900800 div對象里的所有塊級元素會繼承此常用于控制文本的垂直布局。1）語法：line-height:normal/length;2）語法：text-decoration:none||underline||blink||overline||line-through; 例如，聲明text-decoration:underlineoverlineblinknone默認(rèn)值為0。九、表格樣式border-collapse:separate（默認(rèn)）/collapse;對tabletdtable設(shè)置邊框，僅僅是顯示表格的外邊框（不是單元格的float屬性 clear屬性clear屬性用于清除某測浮動元素所帶來的影響。 例如：<divstyle="float:left;border:1pxsolidblack;">div例如：<divstyle="float:left;border:1pxsolidblack;">div<p>p <pstyle="clear:top;">pdisplay屬性十一、列表樣式列表項前的標(biāo)識符號圖像type屬性將發(fā)生作用。列表項前使用的預(yù)設(shè)標(biāo)識符號 position（定位）position:static/absolute/fixed/relative;2）行絕對定位。而其層疊通過z-index屬性定義③relativeleft、right、top、bottom等屬性在正常文檔流為absolute或者relative此取值方可生效numberHTML文檔中HTML流中，但是它的位置可以根據(jù)它的前一個元素絕對定位會將元素拖離出正常的HTML 流，而不考慮它周圍內(nèi)容的布局。2）要激活元素的絕對定位，必須指定left、right、top、bottom屬性中的至少一個。3）絕對定位元素之后的文本或元素在被定位元素被拖離正常HTML流之前會占有它的①autoHTMLabsoluterelative此取值方可生效堆疊屬性numberHTML文檔中posi
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 二零二五年度高端辦公室文件消毒及深度保養(yǎng)合同
- 租賃期間房屋買賣合同
- 公司之間的借款協(xié)議
- 出租車停運損失上訴狀
- 電器代理合同協(xié)議
- 財務(wù)管理系統(tǒng)操作與應(yīng)用手冊指南
- 農(nóng)業(yè)科技行業(yè)現(xiàn)代農(nóng)業(yè)技術(shù)推廣與應(yīng)用策略
- 廣告招牌安裝合同年
- 辦公室租賃合同書
- 安全事故賠償協(xié)議書
- 招標(biāo)代理服務(wù)的關(guān)鍵流程與難點解析
- GB/T 5465.2-2023電氣設(shè)備用圖形符號第2部分：圖形符號
- 《三國演義》中的佛教文化：以黃承兒為例
- 材料預(yù)定協(xié)議
- 2023年河北省中考數(shù)學(xué)試卷（含解析）
- 《學(xué)習(xí)的本質(zhì)》讀書會活動
- 高氨血癥護(hù)理課件
- 物流營銷（第四版） 課件 胡延華 第3、4章 物流目標(biāo)客戶選擇、物流服務(wù)項目開發(fā)
- 《石油化工電氣自動化系統(tǒng)設(shè)計規(guī)范》
- Q-GGW-BF-0117-2023天然氣管道無人站技術(shù)規(guī)范
- 《公路勘測細(xì)則》(C10-2007 )【可編輯】
評論
0/150
提交評論