CSS+DIV布局中注意的幾個問題_html/css_WEB-ITnose

頁頭：header
登錄條：loginbar
標(biāo)志：logo
側(cè)欄：sidebar
廣告：banner
導(dǎo)航：nav
子導(dǎo)航：subnav
菜單：menu
子菜單：submenu
搜索：search
滾動：scroll
頁面主體：main
內(nèi)容：content
標(biāo)簽頁：tab
文章列表：list
提示信息：msg
小技巧：tips
欄目標(biāo)題：title
加入：joinus
指南：guild
服務(wù)：service
熱點(diǎn)：hot
新聞：news
下載：download
注冊：regsiter
狀態(tài)：status
按鈕：btn
投票：vote
合作伙伴：partner
友情鏈接：friendlink
頁腳：footer
版權(quán)：copyright
提交：submit
文本框：textbox
統(tǒng)計：count

/* 全局CSS定義 */
body { text-align: center; font-family:"宋體", arial;margin:0; padding:0; background: #FFF; font-size:12px; color:#000;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}

/* 鏈接顏色 */
a:link {color: #1f3a87; text-decoration:none;}
a:visited {color: #83006f;text-decoration:none;}
a:hover {color: #bc2931; text-decoration:underline;}
a:active {color: #bc2931;}
/* 顏色屬性 [定義規(guī)則，小寫c加顏色名稱] */
.cRed,a.cRed:link,a.cRed:visited{ color:Red; }
.cBlue,a.cBlue:link,a.cBlue:visited{color:#1f3a87;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}
.cGray,a.cGray:link,a.cGray:visited{ color: #4F544D;}
.cDGray,a.cDGray:link,a.cDGray:visited{ color: #666;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:#fff;}
.cBlack,a.cBlack:link,a.cBlack:visited{color:#000;}
a.cBlack:hover{color:#bc2931;}
.cYellow,a.cYellow:link,a.cYellow:visited{color:#ff0;}
.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}
/* 字體屬性 [定義規(guī)則，小寫f加屬性名稱] */
.fB {font-weight: bold;}
.fI {font-style: italic;}

/* 字體大小*/
.f12px{ font-size:12px;}
.f14px{ font-size:14px;}

/* 其他屬性 */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; font-size:1px; width:1px; visibility: hidden; }
.hidden {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none; }

滾動條的顏色定義

(IE only)

scrollbar-face-color: #E0D5BE;
scrollbar-track-color: #EBE4D3;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-dark-shadow-color: #ffffff;
scrollbar-arrow-color: #978C71;

怎樣用CSS把層做成半透明？

用下面的樣式表定義你的層
.alpha { filter: Alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100｝

解釋：
Opacity=開始的不透明度(100的話就不透明了)
FinishOpacity=結(jié)束的不透明度(100的話就不透明了)
Style=樣式，從0開始，1.2.3....有均勻透明啊，放射形狀透明啊...
StartX=開始透明的X坐標(biāo)，基本上為圖片、層的左上角（0）
StartY= 開始透明的Y坐標(biāo)，基本上也為圖片、層的左上角（0）
FinishX=結(jié)束透明的X坐標(biāo)，基本上也圖片、層的右下（圖片、層的寬度）
FinishY=結(jié)束透明的Y坐標(biāo)，基本上也為圖片、層的右下角（圖片、層的高度）

以上結(jié)構(gòu)可以組合使用，例如：左列標(biāo)題lefttitle；底部導(dǎo)航footernav
書寫原則是：
1.一律小寫； 2.盡量用英文； 3.不加中杠和下劃線； 4.盡量不縮寫，除非一看就明白的單詞.

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com