五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > Css+Div布局小結(jié)、

Css+Div布局小結(jié)、

文章來(lái)源:365jz.com     點(diǎn)擊數(shù):498    更新時(shí)間:2009-11-15 17:03   參與評(píng)論
1,群選擇器.
  說(shuō)明:當(dāng)幾個(gè)元素樣式屬性一樣時(shí),可以調(diào)用同一個(gè)申明,元素之間用逗號(hào)分隔、
p,td,li{
   font-size:12px;
}
2,派生選擇器.
     說(shuō)明:可以使用派生選擇器給一個(gè)元素里的子元素定義樣式,例如這樣:
li strong{
    font-style
:italic;
    font-weight
:normal;
}
就是為li的子元素strong定義一個(gè)斜體不加粗的模式.
3.ID選擇器.
     說(shuō)明:用css布局主要用層div來(lái)實(shí)現(xiàn),而div得樣式通過(guò)'id選擇器'來(lái)定義.
     例如我們首先定義一個(gè)層.
<div id="menubar"></div>
     然后在樣式表里這樣定義、
#menubar{
    margin
:0px;
    background
:#FFFFF;
}
      其中menubar是自己定義的div的名字,注意前面要加'#'號(hào)。
      id選擇器同樣也支持派生,例如:
#menubar p{
    text-aglin
:right;
    margin-top
:10px;
}
      這個(gè)方法主要用來(lái)定義層,和那些比較復(fù)雜,有多個(gè)派生的子元素、
4.類(lèi)別選擇器。
      說(shuō)明:css里面用一個(gè)點(diǎn)來(lái)表示類(lèi)別選擇器的定義,例如:

.12px{
   text-aglin
:center;
   font-family
:宋體;
   font-size:12px;

}

      在頁(yè)面中,用class="類(lèi)別名"的方法調(diào)用:
<span class="12px">12px大小的字體</span>
       這個(gè)方法比較靈活,可以隨時(shí)新建和刪除、
5.定義鏈接的樣式(偽類(lèi)樣式)、
       說(shuō)明:css中用4個(gè)偽類(lèi)來(lái)定義鏈接樣式,分別是:a:link,a:visited,a:hover,a:active。例如:
a:link{font-weight : bold ;text-decoration : none ;color : #c30 }
a:visited
{font-weight : bold ;text-decoration : none ;color : #c60 }
a:hover
{font-weight : bold ;text-decoration : none ;color : #FFFFF}
a:active
{font-weight : bold ;text-decoration : none ;color : #EEE}

       以上語(yǔ)句分別定義了"鏈接,以訪問(wèn)過(guò)的鏈接,鼠標(biāo)停在上方時(shí),點(diǎn)下鼠標(biāo)時(shí)"的樣式.
       注意,以上4個(gè)樣式可以"缺",但不可以打亂順序,否則樣式會(huì)跟你預(yù)想的不一樣.他們的原則是:愛(ài)恨原則。
 即love hate原則,順序是love中的"l"是link,"v"是visited,hate中的"h"是hover,"a"是active。

6.組合使用選擇器創(chuàng)造精致的設(shè)計(jì)效果。
        用漂亮的圖案代替普通無(wú)序列表沉悶的黑點(diǎn),先用css規(guī)則告訴類(lèi)別屬性inventory的無(wú)序列表。

ul.inventory{
          list-style
:disc url(/images/common/lister2.gig) inside;
}

他的調(diào)用標(biāo)記:

Code

7.縮寫(xiě)是按照順時(shí)針的順序.

margin:25px 0 25px 0;

8.行高.
         說(shuō)明:正常行高的150%.

line-height:150%;

         好了,最近幾天在做項(xiàng)目Login和Main頁(yè)面的布局與Css,又不是職業(yè)美工,邊做邊學(xué),把有用的東西記錄下來(lái)與大家分享。擱筆、

如對(duì)本文有疑問(wèn),請(qǐng)?zhí)峤坏浇涣髡搲瑥V大熱心網(wǎng)友會(huì)為你解答??! 點(diǎn)擊進(jìn)入論壇

發(fā)表評(píng)論 (498人查看0條評(píng)論)
請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
昵稱(chēng):
最新評(píng)論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時(shí)間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號(hào)