首頁 > web前端 > css教學 > 主體

DIV CSS常用到的屬性、參數及說明_經驗交流

WBOY
發布: 2016-05-16 12:04:39
原創
1658 人瀏覽過

通用類別
overflow:hidden;自動隱藏超出的內容,防止撐開層和表格的範圍
!important
指定樣式規則的應用優先權
文字類別color: #FF0000;文字顏色font-family: "Arial", "Helvetica", "sans-serif";字體font-size: 9px;字號text-align:center; 居中(left為居左,right為居右) line-height:28px;行行高(可用150%值) font-style: italic;斜體(oblique偏斜體) font-weight: bold;服務粗體(bolder特粗,400粗值) font-variant: small-caps;小型大寫字母text- transform: capitalize;首字母大寫text-decoration: underline overline line-through blink;下劃線,上劃線,刪除線,閃爍text-indent: 2em;文字縮排2個字體高(或15px,即15像素)
  背景類別background-attachment: fixed;固定位置(scroll滾動) background: #0066CC;背景色(transparent透明) background: url(/image/more2.gif);背景圖片background-repeat: repeat;重複( repeat-x橫向重複,repeat-y縱向重複) background-position: center top;水平居中垂直頂部(left center水平居左垂直居中) background:url(/image/dtbg.gif) #FEFEFE
  no-repeat
  right bottom(2px 5px);
  背景圖片、
  背景顏色、圖片不重複、背景圖片從類別開始(圖片距左2px距上5px)
  框架位置右下角
clear: both;兩邊拒排浮動物件(left左邊拒排浮動物件,right右邊拒排浮動物件)
  float: left;浮動物件位置居左(right, 最新列車時刻表位置居右)
  position :relative; 相對位置,一般在上級框架中設定極品時刻表
  position:absolute; 絕對位置,配合上級框架的設定對本級框架設定,設定top、left值
  top:5px;頁面絕對或相對於框架頂端絕對位置
  left:10px; 頁面絕對或相對於框架左邊絕對位置
  width: 100px;寬100px
  height: 200px;寬100px
  height: 200px;寬100px
  height: 200px;高200px )
  margin 上海火車時刻表:10px 20px 10px 20px;
  上右下左頁邊距(值相同可省寫margin:10px)
  單獨指定用margin-top:10px; right、margin-bottom、margin-left)
  padding:20px 10px 10px 20p;
  上右下左內容離邊框的距離(值相同可省寫padding:10px)
 〕單獨用padding top:10px;(padding-right、padding-bottompadding-left)
  border:#ccc 1px solid 成都列車時刻表;
  四邊框顏色、線寬、實線(dotted虛線,dashed點畫線,doubleed雙線,ridge脊線)
  單獨指定用border-top:#ccc 1px solid;border-right:#ccc 1px solid
  等等
  項目清單類別list-style-position: outside;為外(inside內) list-style-image: url(/yh/image/more04.gif);項目符號圖像臨客時刻表list-style-type: disc;項目符號為圓點(circle圓圈,square方塊)
  擴充類別cursor: e-resize;滑鼠樣式filter: Blur(Add=4 , Direction=8, Strength=4);濾鏡filter: FlipH;橫向翻轉(FlipV gprs流量費縱向翻轉)
  單獨設定連結
  #bottool a:link{color:#fff};未存取的顏色
  #bottool a:visited{color:#fff};已訪問的顏色流量軟體
 #bottool a:hover{color:#ff0};滑鼠在連結上
  這麼多定義項, 其實常用也就下面幾類:指定寬高值width,height;指定背景:background;指定位置:float,特殊的用position結合top、left來定位;設定框架邊距:margin;設定容器內框距:padding幾項。其中在我的樣式定義中取消了overflow、 clear、!important程式的定義項。 1.取消overflow:hidden是因為經過反覆實驗,該定義項只能隱藏超出容器高度的內容而不能隱藏超出寬度的內容。而我需要的就是要能自動隱藏超出容器寬度的內容,有時反而需要容器高度能隨內容的多寡而撐開容器高度。 2.取消clear定義項是因為在實際應用中很真正達到理解的容器與容器的排列關係,框架或容器的位置還是用float、position、top、left等精確定位。 3、!important
  指定樣式規則的應用優先權。這個主要用於在IE和其它的瀏覽器要區別顯示出的效果,我的網站就是想固定顯示效果,所以不存在什麼優先權。
  我對DIV CSS也還在研究之中,有不當之處請大家跟貼指正,有完善的地方也請跟貼完善。我認為用DIV CSS來佈局網站,最重要的是佈局想法問題,不同的設計方案,設計的繁簡大不一樣。我專注於框架或容器的通用性,設計出幾種容器的樣式,就像FS4中的標籤樣式,然後在需要的地方調用這個樣式就行了,以達到通用性而不是專用性。今天就來談談這些,以後再專門談談這個佈局設計思路問題。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板