滾動條
1．overflow內容溢位時的設定（設定被設定物件是否顯示滾動條）
overflow-x水平方向內容溢位時的設定
overflow-y垂直方向內容溢位時的設定
以上三個屬性設定的值為visible(預設值)、scroll、hidden、auto。
2．scrollbar-3d-light-color立體滾動條亮邊的顏色（設定滾動條的顏色）
scrollbar-arrow-color上下按鈕上三角箭頭的顏色
scrollbar-base-color滾動條的基本顏色
scrollbar-dark-shadow-color立體滾動條強陰影的顏色
scrollbar-face-color立體滾動條凸出部分的顏色
scrollbar-highlight-color滾動條空白部分的顏色
scrollbar-shadow-color立體滾動條陰影的顏色
我們通過幾個例項來講解上述的樣式屬性：
1.讓瀏覽器視窗永遠都不出現滾動條
沒有水平滾動條
沒有垂直滾動條
注意:括號內為各種可選屬性.
型別:type
字型:font-family
大小:font-size
樣式:font-style:(italic,normal,oblique(偏斜體))
粗細:font-weight:(bold粗體,normal正常,bolder特粗,lighter特細 ,100-900)
變數:font-variant:(normal正常,small-caps小型大寫字母)
行高:line-height:(20px,...)
大小寫:text-transform:(capitalize首字母大寫,uppercase大寫,lowercase小寫,none無)
修飾:text-decoration:(underline下劃線,overline上劃線,line-through刪除線,blink閃爍,none無)
顏色:color:(#0000cc,red,...)
背景:backdrop
背景顏色:background-color:(#fff)
背景影象:background-image:(url(mypicture.jpg))
重複:background-repeat:(no-repeat不重複,repeat重複,repeat-x 橫向重複,repeat-y縱向重複)
附件:background-attachment:(fixed固定,scroll滾動)
水平位置與垂直位置:background-position:(center水平居中,center垂直居中或20px水平20px,20px垂直20px)
區塊:block
單詞間距:word-spacing:( 20px;normal)
字母間距:letter-spacing: (1px;normal)
垂直對齊:vertical-align:(baseline將元素的基準線和母體元素的基準線對齊,sub將元素以下標的形式顯示,super將元素以上標的形式顯示,top將元素頂部同最高的母體元素對齊,text-top將元素的頂部同母體元素文字的頂部對齊,middle將元素的底部同最低的母體元素對齊,text-bottom將元素底部同母體元素文字的底部對齊.)
文字對齊:text-align:(left,center,right,justify)
文字縮排:text-indent:(20pt,20%,20px,2em....)
空格:white-space:(pre保留,normal,nowrap不換行)
方框:casing
寬:width:(auto,20px)
高:height:(auto,1em)
浮動:float:(left,right,none)
清除:clear:(both,left,right,none)
填充:padding-top:(2px),padding-right:(2px),padding-bottom:(2px),padding-left:(2px)
邊框:frame
border-top,border-right,border-bottom,border-left
樣式:(none無,dotted點劃線,dashed虛線,solid實線,double雙線,groove槽狀,ridge脊狀,inset凹陷,outset凸出)
寬度:(thin細,medium中,thick粗,10px畫素)
顏色:(#999999)
列表:list
型別:list-style-type:(disc圓點,circle圓圈,square方塊,decimal數字,lower-roman小寫羅馬數字,upper-roman大寫羅馬數字,lower-alpha小寫字母,upper-alpha大寫字母,none無)
專案符號影象:list-style-image:(url(mypic.gif))
位置:list-style-position:(outside外部,inside內部)
定位:place
型別:position:(relative相對,static表態,absolute絕對)
顯示:visibility:(visible可見,inherit繼承,hidden隱藏)
寬:width:200px
高:height:100px
z軸:z-index:2(重疊層次)
溢位:overflow:(hidden,visible,scroll,auto)
定位:top:(20px)
right
left
bottom
剪輯:clip:(rect(auto上自動,20px右,20px下,10px左)
擴充套件:exhibit
分頁之前:page-break-before:(always總是,left,right,auto)
分頁之後:page-break-after:(同上)
視覺效果:(游標:wait)
過濾器:alpha透明的漸變效果
blendtrans混合漸變過濾器
blur風吹模糊效果
chroma特定顏色的透明效果
dropshadow陰影效果
fliph水平翻轉效果
flipv垂直翻轉效果
glow邊緣光暈效果
gray黑白效果
inzert產生底片效果
light加入光源投射效果
mask遮蔽效果
rezealtrans顯示漸變過濾器
shadow漸長陰影效果
waze加入波形效果
xray加入輪郭效果
css背景屬性篇
1.background size xpx ypx 2.background color 背景顏色半透明寫法 rgba 0,0,0,0.3 3.background images 4.background repeat 是否平鋪 repea no repeat 5.background positi...
CSS學習總結 基礎篇 設計字型屬性
css fonts屬性可以用於定義字型系列，大小，粗細，和文字樣式 斜體，加粗，下劃線等 css使用font family屬性定義文字的字型系列 語法格式 p div 示例 doctype html en utf 8 字型屬性 title h2p style head 標題字型設定為微軟雅黑 h2 ...
CSS屬性總結
系統總結一下css，解決沒認真學過css的歷史遺留問題。把列表項顯示為內聯元素 li把span元素作為塊元素 spanvisibility 還可能取值為 collapse 當設定元素visibility collapse後，一般的元素的表現與visibility hidden一樣，也即其會占用空間。...