




版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
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. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 香港雇傭合同范本
- 簽訂租賃住房合同范本
- 寵物房間出租合同范本
- PCNA-IN-1-生命科學試劑-MCE
- 重載車型出售合同范本
- Lead-bamzireotide-navoxetan-生命科學試劑-MCE
- FGFR1-inhibitor-14-生命科學試劑-MCE
- 花邊加工合同范本
- 科技行業(yè)職場女性的心理調適與發(fā)展策略
- 科技賦能下的城市老舊小區(qū)智能化改造探討
- 消防維保年度工作計劃
- 統(tǒng)編版(2025新版)七年級下冊語文第一單元綜合測試卷(含答案)
- 棗莊學院《電力拖動與自動控制系統(tǒng)》2023-2024學年第一學期期末試卷
- 醫(yī)師手術權限申請流程
- 2025年四川省宜賓敘州區(qū)事業(yè)單位考調83人歷年管理單位筆試遴選500模擬題附帶答案詳解
- 米非司酮使用培訓
- 二氧化碳捕集、運輸和地質封存 - 地質封存 征求意見稿
- 2024-2030年中國淀粉糖行業(yè)運行態(tài)勢與發(fā)展趨勢分析報告
- 診所信息保密和安全管理制度
- 護士臨床護理組長
- 土建、裝飾、維修改造等零星工程施工組織設計技術標
評論
0/150
提交評論