国产毛片午夜福利,国产黄网,国产亚洲天堂,97国产精品
TEL:131 7970 3111
慧網(wǎng)微信
掃描二維碼
關(guān)注邳州在線
手機網(wǎng)站
手機掃描二維碼
進入手機站
網(wǎng)站地圖
付款方式
做網(wǎng)站找慧網(wǎng)
首頁
關(guān)于
慧網(wǎng)簡介
慧網(wǎng)文化
付款方式
資訊
慧網(wǎng)動態(tài)
常見問題
網(wǎng)絡營銷
網(wǎng)站設(shè)計
行業(yè)動態(tài)
網(wǎng)站優(yōu)化
案例
政府·機關(guān)
學!そ逃
服務·金融
房產(chǎn)·裝飾
建材·機械
木業(yè)·貿(mào)易
食品·醫(yī)院
銀杏·苗木
行業(yè)·門戶
服務
網(wǎng)站建設(shè)
移動端開發(fā)
微信開發(fā)
電商平臺開發(fā)
行業(yè)軟件定制
網(wǎng)站排名優(yōu)化
域名注冊
虛擬主機
運營策劃
App開發(fā)
微信平臺搭建
小程序開發(fā)
留言
聯(lián)系
慧網(wǎng)動態(tài)
常見問題
網(wǎng)絡營銷
網(wǎng)站設(shè)計
行業(yè)動態(tài)
網(wǎng)站優(yōu)化
CSS實用教程(三)
發(fā)布時間:2005-03-31 瀏覽次數(shù):1186441
十二.控制BOX的樣式
樣式表規(guī)定了一個容器BOX,它將要儲存一個對象的所有可操作的樣式。包括了對象本身、邊框空白、對象邊框、對象間隙四個方面。
為了大家更好地理解這些屬性的意義,以及互相之間的關(guān)系,請看下面這個圖示:
1.邊框空白(MARGIN)
如圖所示,位于BOX模型的最外層,包括四項屬性。
格式分別如下:
·margin-top:頂部空白距離
·margin-right:右邊空白距離
·margin-bottom:底部空白距離
·margin-left:左邊空白距離
空白的距離可以用帶長度單位的數(shù)字表示。
如果使用上述屬性的簡化方式margin,可以在其后連續(xù)加上四個帶長度單位的數(shù)字,來分別表示margin-top、margin-right、margin-bottom、margin-left,每個數(shù)字中間要用空格分隔。
2.對象邊框(BORDER)
如圖所示,位于邊框空白和對象空隙之間,包括了七項屬性。
格式分別如下:
·border-top:頂邊框?qū)挾?
·border-right:右邊框?qū)挾?
·border-bottom:底邊框?qū)挾?
·border-left:左邊框?qū)挾?
·border-width:所有邊框?qū)挾?
·border-color:邊框顏色
·border-style:邊框樣式參數(shù)
其中border-width可以一次性設(shè)置所有的邊框?qū)挾,border-color同時設(shè)置四面邊框的顏色時,可以連續(xù)寫上四種顏色,并用空格分隔。上述連續(xù)設(shè)置的邊框都是按border-top、border-right、border-bottom、border-left的順序。
Border-style相對別的屬性而言稍稍復雜些,因為它還包括了多個邊框樣式的參數(shù):
·none:無邊框。
·dotted:邊框為點線。
·dashed:邊框為長短線。
·solid:邊框為實線。
·double:邊框為雙線。
·groove:根據(jù)color屬性顯示不同效果的3D邊框
·ridge:根據(jù)color屬性顯示不同效果的3D邊框
·inset:根據(jù)color屬性顯示不同效果的3D邊框
·outset:根據(jù)color屬性顯示不同效果的3D邊框
3.對象間隙(PADDING)
如圖所示,位于對象邊框和對象之間,包括了四項屬性。
基本格式如下:
·padding-top:頂部間隙
·padding-right:右邊間隙
·padding-bottom:底部間隙
·padding-left:左邊間隙
和MARGIN類似,PADDING也可以用padding一次性設(shè)置所有的對象間隙,格式也和MARGIN相似,不再一一列舉了。
十三.顯示控制樣式
基本格式如下:
display: 參數(shù)
參數(shù)取值范圍:
·block(默認):在對象前后都換行
·inline:在對象前后都不換行
·list-item:在對象前后都換行,增加了項目符號
·none:無顯示
十四.空白控制樣式
基本格式如下:
空白屬性決定如何處理元素內(nèi)的空格。
white-space: 參數(shù)
參數(shù)取值范圍:
normal:把多個空格替換為一個來顯示
pre:忠實地按輸入顯示空格
nowrap:禁止換行
但要注意的是,write-space也是一個塊級屬性。
.全文完.
轉(zhuǎn)自:動態(tài)網(wǎng)制作指南 www.knowsky.com
上一篇:
實現(xiàn)頁面圖片陰影特效
下一篇:
CSS實用教程(二)
立即預約