![](https://static.zsdocx.com/FlexPaper/FileRoot/2019-10/19/23/28c9f92e-1f64-441d-b2d8-3d2d35af8fab/28c9f92e-1f64-441d-b2d8-3d2d35af8fabpic.jpg)
![css常用的網(wǎng)頁布局樣式屬性_第1頁](https://static.zsdocx.com/FlexPaper/FileRoot/2019-10/19/23/28c9f92e-1f64-441d-b2d8-3d2d35af8fab/28c9f92e-1f64-441d-b2d8-3d2d35af8fab1.gif)
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
1、網(wǎng)頁布局常用的樣式屬性網(wǎng)頁布局常用的樣式屬性一、一、PositionPosition有以下幾個值:static,relative,absolute,fixed。Static:靜態(tài)定位。如果你沒有設置position屬性,那么缺省就是static。top,left,bottom,right等屬性,在static的情況下是無效的,要使用這些屬性,必須把position設置為其他三個值之一。Relative:相對定位。元素將按照靜態(tài)定位時的位
2、置進行調(diào)整,在靜態(tài)定位中分配給元素的空間仍然會分配給它,它兩邊的元素不會向它靠近來填充那個空間,但它們也不會從元素的新位置被擠走。Absolute:絕對定位。元素將按照包含它的元素的位置進行調(diào)整,比如它嵌套在另一個絕對定位的元素中,那么就相對于那個元素定位。Fixed:固定定位。元素將被設置在瀏覽器上一個固定位置上,不會隨其他元素滾動。形象點說,上下拉動滾動條的時候,fixed的元素在屏幕上的位置不變。需要注意的是IE6并不支持此屬性。
3、注意:很多網(wǎng)頁都是居中的,這樣,當對元素進行絕對定位的時候,在不同的分辨率下顯示會有偏差,這時,我們可以通過類似下面的方法來處理:定義定義marginmargin屬性是用于在一個聲明中設置四個外邊距的所有屬性的簡寫屬性。屬性是用于在一個聲明中設置四個外邊距的所有屬性的簡寫屬性。注釋:允許使用負值。注釋:允許使用負值。繼承性:繼承性:NoNo說明說明這個簡寫屬性設置一個元素所有外邊距的寬度,或者設置各邊上外邊距的寬這個簡寫屬性設置一個元素
4、所有外邊距的寬度,或者設置各邊上外邊距的寬度。度。塊級元素的垂直相鄰外邊距會合并,而行內(nèi)元素實際上不占上下外邊距。行內(nèi)塊級元素的垂直相鄰外邊距會合并,而行內(nèi)元素實際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會合并。同樣地,浮動元素的外邊距也不會合并。允許元素的的左右外邊距不會合并。同樣地,浮動元素的外邊距也不會合并。允許指定負的外邊距值,不過使用時要小心。指定負的外邊距值,不過使用時要小心。例子例子四個邊距均為四個邊距均為10px10p
5、x:h1h1margin:margin:10px10px頂邊距和底邊距為頂邊距和底邊距為10px10px,左邊距和右邊距是父元素寬度的,左邊距和右邊距是父元素寬度的2%2%:h1h1margin:margin:10px10px2%2%頂邊距為頂邊距為10px10px,左邊距和右邊距是父元素寬度的,左邊距和右邊距是父元素寬度的2%2%,底,底邊距是邊距是10px10px:h1h1margin:margin:10px10px2%2%10px
溫馨提示
- 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. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 淺談技校css+div網(wǎng)頁樣式與布局課程教學
- CSS_網(wǎng)頁樣式大全.doc
- css中的cursor屬性(光標樣式)
- css中的cursor屬性(光標樣式)
- 常用html、css標簽屬性
- ch08-應用css樣式美化網(wǎng)頁
- css網(wǎng)頁布局div水平居中的各種方法
- div+css網(wǎng)頁布局技巧實例1設置網(wǎng)頁整體居中的代碼
- css屬性
- 基于div+ css 的網(wǎng)頁布局技術(shù)應用研究
- [學習]網(wǎng)頁設計與制作_第四章css樣式
- 《css網(wǎng)頁布局中html標簽的語義(一)-xhtml教程》
- 網(wǎng)頁設計第3課css的三種引用方法及css部分屬性
- 《css樣式》習題答案
- 表單和css樣式
- css垂直居中網(wǎng)頁布局實現(xiàn)的5種方法
- css網(wǎng)頁布局入門教程4二列固定寬度
- css屬性大全
- (8.6)--8.6掌握css+div進行網(wǎng)頁布局
- css樣式技巧常用的選擇器和通用選擇器-
評論
0/150
提交評論