第一階段1.4-ps切圖與列表divcss布局_第1頁
第一階段1.4-ps切圖與列表divcss布局_第2頁
第一階段1.4-ps切圖與列表divcss布局_第3頁
第一階段1.4-ps切圖與列表divcss布局_第4頁
第一階段1.4-ps切圖與列表divcss布局_第5頁
已閱讀5頁,還剩4頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、1.4 DIV+CSS布局有序列表/無序列表應用示例詳解盒子模型DIV+CSS布局自適應菜單技術應用有序列表/無序列表應用示例有序列表:在列表項內容前自動增加排列序號列表1列表2列表3列表4注:(默認序列為數(shù)字)type中是a,表序列為小寫字母,type中是i,表羅馬序號小寫(大寫表大寫),start=“3”,表從第三個字符開始無序列表:強調式列表,在內容前顯示特殊符號 (注:默認為圓點)列表1列表2列表3列表4注:去除序列前的符號 ul,limargin:0;padding:0;list-style:none;詳解盒子模型一個邊框分為:外邊距,邊框,填充框邊框屬性1、border-topbo

2、rder-bottom border-rightborder-left 功能:這四個屬性都是簡寫屬性,分別設置上,下,右,左的邊框屬性。缺省情況下,邊框沒有樣式設置。數(shù)值:共有三個邊框屬性2、border-color:功能:簡寫屬性,設置四個邊框的顏色值。數(shù)值:可以用顏色名或RGB值。如果指定單個顏色,則四個邊框都顯示為這個顏色;如果指定兩個顏色,則順序為上下,左右;如果指定三 種顏色,則順序為上,左右,下;如果指定四種顏色,則順序為上,右,下,左。3、border-width: 邊框的寬度指定長度。功能:簡寫屬性,可同時設置四個邊框的寬度。數(shù)值:thin - 細邊框。medium - 中等線

3、寬。 thick - 粗線。長度 - 用相對或絕對border-top-width border-bottom-width border-right=widthborder-left-width 功能:分別設置各個邊框的厚度。設置邊框寬度4、border-style: 設置用于修飾邊框的底紋??梢栽O置下列樣式: none - 不顯示邊框,為缺省值dotted - 點線 dashed - 虛線 solid - 實線 double - 雙線 groove - 3D陷入線ridge - 3D山脊狀線 inset - 使頁面有沉入感 outset - 使頁面有浮出感框位置屬性1、height功能:設置元素高度,瀏覽器按照這個高度調整圖形。2、width功能:設置元素寬度,瀏覽器按照這個寬度調整圖形。DIV+CSS布局(正航科技首頁布局)自適應菜單技術應用(成正航科技首頁nav演示)當天任務:1.掌握有序列表,無序列表的常用屬性,樣式,完成正航科技列表頁列表練習2.正

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論