版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)
文檔簡介
CSS定位引言在網(wǎng)頁中利用HTML定位文字和圖像比較困難，使用CSS和DIV可以很好的解決圖像或文字定位的難題。主要內(nèi)容div標簽CSS定位屬性CSS定位思想將頁面上相互關(guān)聯(lián)的一組元素，使用<div>標簽作為容器，劃分為一個典型的邏輯部分為div標簽命名，使邏輯更加清晰CSS定位思想div標簽<div>標簽的主要作用是用于設(shè)定文字、圖片、表格等的擺放位置。當把文字圖片等放在<div>標簽中時，該標簽被稱為“DIV塊”或“DIV層”。定位屬性CSS定位主要從定位方式、層疊順序、與父標簽的相對位置三個方面來設(shè)置。定位屬性定位屬性功能取值方式position定位方式static：無定位；relative：相對定位absolute：絕對定位定位屬性定位屬性功能取值方式z-index對象的層疊順序auto：遵循其父對象的定位；自定義數(shù)值：整數(shù)值top、bottom、left、right父對象的相對位置auto：無特殊定位自定義數(shù)值：數(shù)值或百分數(shù)。案例——div+CSS定位案例描述這是3個窗口的框架，在頂層窗口中顯示的頁面是top.html。要求用div標簽設(shè)計并實現(xiàn)top.html頁面。案例分析top.html頁面，首先是背景圖像的設(shè)置，其次是兩部分文字的安放。文字定位用兩個div層實現(xiàn)關(guān)鍵技術(shù)一個div層定位在左上角位置，上面的文字是“購書網(wǎng)站”。另一個div層定位在右下角位置，文字是“登錄名登錄時間...”
溫馨提示
- 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 民間投資合作協(xié)議合同范文
- 企業(yè)間房產(chǎn)轉(zhuǎn)讓合同細則
- 軍人離婚正式合同書模板
- 9 古詩三首 雪梅教學設(shè)計-2024-2025學年四年級上冊語文統(tǒng)編版
- 2 日晷 教學設(shè)計-2023-2024學年科學四年級下冊大象版
- 小學2024年教育教學專項發(fā)展規(guī)劃執(zhí)行、完成情況
- 個人土地交易合同及相關(guān)條款
- 10《我們所了解的環(huán)境污染》（教學設(shè)計）-統(tǒng)編版道德與法治四年級上冊
- 2024-2025學年人教版（2024）七年級英語上冊寒假教學設(shè)計day7
- 員工服裝合同范本
- 光伏電站小EPC規(guī)定合同范本
- 2024年01月江蘇2024年昆山鹿城村鎮(zhèn)銀行第三期校園招考筆試歷年參考題庫附帶答案詳解
- 建筑工程安全與管理
- 2025年內(nèi)蒙古機電職業(yè)技術(shù)學院高職單招職業(yè)技能測試近5年?？及鎱⒖碱}庫含答案解析
- 2024年05月齊魯銀行總行2024年社會招考筆試歷年參考題庫附帶答案詳解
- 浙江省紹興市2024-2025學年高一上學期期末調(diào)測英語試題（無答案）
- 幼兒園開學教師安全知識培訓
- 《會展經(jīng)濟與策劃》課件
- 中華人民共和國學前教育法-知識培訓
- 2023年新高考(新課標)全國2卷數(shù)學試題真題(含答案解析)
- 人教版六年級美術(shù)下冊全冊課件【完整版】
評論
0/150
提交評論