DIV的值

1余蟹、Height:設(shè)置DIV的高度捆昏;

2.Width:設(shè)置DIV的寬度。

3淌友、margin:用于設(shè)置DIV的外延邊距煌恢,也就是到父容器的距離。

margin:后面跟有四個(gè)距離分別為到父容器的上-右-下-左邊的距離震庭;margin: [top][right][bottom][left]

可以分別設(shè)置:margin-left:到父容器左邊框的距離瑰抵;margin-right:到父容器右邊框的距離;margin-top: 到父容器上邊框的距離归薛;margin-bottom:到父容器下邊框的距離谍憔。

4、padding:用于設(shè)置DIV的內(nèi)邊距(內(nèi)如子元素與DIV邊界的距離)主籍。

padding:后面跟有四個(gè)距離分別為到父容器的上-右-下-左邊的距離;margin: [top][right][bottom][left]:需要注意的是padding設(shè)置的距離不包括在本身的width和height內(nèi)(在IE7和FF中)逛球,比如一個(gè)DIV的width設(shè)置了100px,而padding-left設(shè)置了50px,那么這個(gè)DIV在頁面上顯示的將是150px寬千元。

5、border:設(shè)置DIV的邊框樣式颤绕;

6幸海、display:設(shè)置顯示屬性。

其值有block奥务、none物独;

7、float:設(shè)置DIV在頁面上的流向氯葬,其值有l(wèi)eft(靠左顯示)挡篓、right(靠右顯示)、none;

8官研、background:設(shè)置DIV的背景樣式秽澳;background后可直接跟背景的顏色、背景圖片戏羽、平鋪方式等樣式担神。也可以用以下屬性分別設(shè)置。

background-color:設(shè)置背景顏色始花;background-attachment:背景圖像的附加方式妄讯,其值有scroll、fixed;?background-image:指定使有的背景圖片;background-repeat:背景圖象的平鋪方式酷宵。其值有no-repeat(不平鋪)捞挥、repeat(兩個(gè)方向平鋪)、repeat-x(水平方向平鋪)忧吟、repeat-y(垂直方向平鋪);?background-position:在DIV中定位背景位置砌函。其值有top bottom left right的不同組合。也可以以用坐標(biāo)指定具體的位置溜族。

9讹俊、position:設(shè)置DIV的定位方式。

position的屬性中有static煌抒、fixed仍劈、relative、absolute四個(gè)屬性寡壮。常用relative和absolute贩疙。若指定為static時(shí),DIV遵循HTML規(guī)則况既;若指定為relative時(shí)这溅,可以用top、left棒仍、right悲靴、bottom來設(shè)置DIV在頁面中的偏移(相對(duì)于自身的偏移),但是此時(shí)不可使用層莫其;若指定為absolute時(shí)癞尚,可以用top、left乱陡、right浇揩、bottom對(duì)DIV進(jìn)行絕對(duì)定位(對(duì)自己最近的父級(jí)元素);若指定為fixed時(shí)憨颠,在IE7與FF中DIV的位置相對(duì)于屏屏固定不變胳徽,IE6中沒有效果(不知為什么)。

10、font:指定DIV中文本的樣式膜廊,其后可跟文本的多個(gè)樣式乏沸。

font-family:設(shè)置要用的字體名稱;font-weight:指定文本的粗細(xì),其值有bold bolder lighter等爪瓜;font-size:指定文本的大械旁尽;font-style:指定文本樣式铆铆,其值有italic normal oblique等蝶缀;color:指定文本顏色;text-align:指定文本水平對(duì)齊方式薄货,其值有center(居中) left right justify翁都;text-decorator:用于文本的修飾;其值有none underline overline line-through和blink的組合谅猾;text-indent:設(shè)置文本的縮進(jìn)柄慰;text-transform:設(shè)置文本的字母大小寫。其值有l(wèi)owercase uppercase capitalize(首字母大寫) none税娜;direction:內(nèi)容的流向坐搔。其值有l(wèi)tr(從左至右)、rtl(從右至左)敬矩;line-height:指定文本的行高概行;Word-spacing:字間距。

11弧岳、overflow:內(nèi)容溢出控制凳忙,其值有scroll(始終顯示滾動(dòng)條)、visible(不顯示滾動(dòng)條禽炬,但超出部分可見)涧卵、auto(內(nèi)容超出時(shí)顯示滾動(dòng)條)、hidden(超出時(shí)隱藏內(nèi)容)瞎抛。

二艺演、一些特殊效果:

1、z-index:設(shè)置DIV的層疊順序桐臊。用z-index屬性時(shí),position必需要指定為absolute才行晓殊。

2断凶、cursor:設(shè)置DIV上光標(biāo)的樣式。

3巫俺、clip:設(shè)置剪輯矩形认烁。clip:rect(top right bottom left);設(shè)置上下左右的距離,但此時(shí)要把position指定為absolute。

4、opacity?透明度?filter:alpha(opacity=value) ?eg:filter:alpha(opacity=50);opacity:0.5;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末却嗡,一起剝皮案震驚了整個(gè)濱河市舶沛,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌窗价,老刑警劉巖如庭,帶你破解...
    沈念sama閱讀 222,729評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異撼港,居然都是意外死亡坪它,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門帝牡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來往毡,“玉大人,你說我怎么就攤上這事靶溜】t!?“怎么了?”我有些...
    開封第一講書人閱讀 169,461評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵罩息,是天一觀的道長(zhǎng)嗤详。 經(jīng)常有香客問我,道長(zhǎng)扣汪,這世上最難降的妖魔是什么断楷? 我笑而不...
    開封第一講書人閱讀 60,135評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮崭别,結(jié)果婚禮上冬筒,老公的妹妹穿的比我還像新娘。我一直安慰自己茅主,他們只是感情好舞痰,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,130評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著诀姚,像睡著了一般响牛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上赫段,一...
    開封第一講書人閱讀 52,736評(píng)論 1 312
  • 那天呀打,我揣著相機(jī)與錄音,去河邊找鬼糯笙。 笑死贬丛,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的给涕。 我是一名探鬼主播豺憔,決...
    沈念sama閱讀 41,179評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼额获,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了恭应?” 一聲冷哼從身側(cè)響起抄邀,我...
    開封第一講書人閱讀 40,124評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎昼榛,沒想到半個(gè)月后境肾,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,657評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡褒纲,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,723評(píng)論 3 342
  • 正文 我和宋清朗相戀三年准夷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片莺掠。...
    茶點(diǎn)故事閱讀 40,872評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡衫嵌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出彻秆,到底是詐尸還是另有隱情楔绞,我是刑警寧澤,帶...
    沈念sama閱讀 36,533評(píng)論 5 351
  • 正文 年R本政府宣布唇兑,位于F島的核電站酒朵,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏扎附。R本人自食惡果不足惜蔫耽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,213評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望留夜。 院中可真熱鬧匙铡,春花似錦、人聲如沸碍粥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽嚼摩。三九已至钦讳,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間枕面,已是汗流浹背愿卒。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評(píng)論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留潮秘,地道東北人掘猿。 一個(gè)月前我還...
    沈念sama閱讀 49,304評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像唇跨,于是被迫代替她去往敵國和親稠通。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,876評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案买猖? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,762評(píng)論 1 92
  • 一 外部式css樣式 (也可稱為外聯(lián)式)就是把css代碼寫一個(gè)單獨(dú)的外部文件中改橘,這個(gè)css樣式文件以“.css...
    KunMitnic閱讀 944評(píng)論 0 1
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,069評(píng)論 0 1
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,562評(píng)論 32 459
  • 工作日志 今日工作 保利公園圖紙布局與設(shè)計(jì),下午聽秦總說了很多玉控,很是受益飞主。 明天工作 上午有事趕回孟關(guān),下午到公司...
    萱萱xx閱讀 255評(píng)論 1 0