這個(gè)很簡(jiǎn)單啊直接給用戶(hù)明的td,起個(gè)id名或者取一個(gè)雷鳴都是可以的,然后給這個(gè)id或者類(lèi),加樣式就可以了,也可以使用行內(nèi)樣式,用戶(hù)名所在的標(biāo)簽上直接寫(xiě)style標(biāo)簽也是可以的。
創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來(lái),先為惠城等服務(wù)建站,惠城等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為惠城企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
CSS可以寫(xiě)成一個(gè)獨(dú)立的文件與html文件鏈接,也可以直接寫(xiě)在html里,
甚至可以直接在html文件里的相關(guān)標(biāo)簽上定義樣式,寫(xiě)法非常的靈活,以下是一工字型結(jié)構(gòu)的頁(yè)面,你可以學(xué)習(xí)一下
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title無(wú)標(biāo)題文檔/title
style type="text/css"
!--
body {
font: 100% 宋體, 新宋體;
background: #666666;
margin: 0; /* 最好將 body 元素的邊距和填充設(shè)置為 0 以覆蓋不同的瀏覽器默認(rèn)值 */
padding: 0;
text-align: center; /* 在 IE 5* 瀏覽器中,這會(huì)將容器居中。文本隨后將在 #container 選擇器中設(shè)置為默認(rèn)左對(duì)齊 */
color: #000000;
}
.twoColLiqLtHdr #container {
width: 80%; /* 這將創(chuàng)建一個(gè)占據(jù) 80% 瀏覽器寬度的容器 */
background: #FFFFFF;
margin: 0 auto; /* 自動(dòng)邊距(與寬度一起)會(huì)將頁(yè)面居中 */
border: 1px solid #000000;
text-align: left; /* 這將覆蓋 body 元素上的“text-align: center”。 */
}
.twoColLiqLtHdr #header {
background: #DDDDDD;
padding: 0 10px; /* 此填充會(huì)將出現(xiàn)在它后面的 div 中的元素左對(duì)齊。如果 #header 中使用的是圖像(而不是文本),您最好刪除填充。 */
}
.twoColLiqLtHdr #header h1 {
margin: 0; /* 將 #header div 中最后一個(gè)元素的邊距設(shè)置為零將避免邊距重疊(即 div 之間出現(xiàn)的無(wú)法解釋的空白)。如果 div 周?chē)羞吙?,則不必將邊距設(shè)置為零,因?yàn)檫吙蛞矔?huì)避免邊距重疊 */
padding: 10px 0; /* 使用填充而不使用邊距將可以使元素遠(yuǎn)離 div 的邊緣 */
}
/* sidebar1 提示:
1. 由于我們使用的是百分比,因此最好不要在側(cè)欄中使用填充。它將會(huì)新增至寬度,而讓符合標(biāo)準(zhǔn)的瀏覽器建立未知的實(shí)際寬度。
2. 如果為 div 中的元素設(shè)置左邊距和右邊距,則會(huì)在 div 邊緣和這些元素之間產(chǎn)生空白,如“.twoColLiqLtHdr #sidebar1 p”規(guī)則中所示。
3. 由于 Explorer 會(huì)在父元素顯示之后計(jì)算寬度,因此基于百分比的欄有時(shí)會(huì)出現(xiàn)無(wú)法解釋的錯(cuò)誤。如果您需要更可預(yù)見(jiàn)的結(jié)果,可選擇改為以像素為單位設(shè)置欄的大小。
*/
.twoColLiqLtHdr #sidebar1 {
float: left;
width: 24%; /* 由于此元素是浮動(dòng)的,因此必須指定寬度 */
background: #EBEBEB; /* 將顯示背景色,其寬度等于欄中內(nèi)容的長(zhǎng)度,*/
padding: 15px 0; /* 頂部和底部的填充將在該 div 中產(chǎn)生視覺(jué)空間 */
}
.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
margin-left: 10px; /* 對(duì)于將要放在側(cè)欄中的每個(gè)元素,都應(yīng)當(dāng)設(shè)置左邊距和右邊距 */
margin-right: 10px;
}
/* mainContent 提示:
1. mainContent 和 sidebar1 之間的空白是由 mainContent div 的左邊距創(chuàng)建的。無(wú)論 sidebar1 div 中包含多少內(nèi)容,都將保留欄空白。如果您希望在 #sidebar1 中的內(nèi)容結(jié)束時(shí),用 #mainContent div 的文本填充 #sidebar1 空白,則可以刪除此左邊距。
2. 為了避免在所支持的最小分辨率 800 x 600 下出現(xiàn)“浮動(dòng)下降”,mainContent div 中的元素(包括圖像)不應(yīng)大于 430 像素。
3. 在下面的 Internet Explorer 條件注釋中,zoom 屬性用來(lái)賦予 mainContent“hasLayout”。這會(huì)避免幾個(gè)特定于 IE 的錯(cuò)誤。
*/
.twoColLiqLtHdr #mainContent {
margin: 0 20px 0 26%; /* 右邊距可以用百分比或像素來(lái)指定,它會(huì)在頁(yè)面的右下方產(chǎn)生空白。 */
}
.twoColLiqLtHdr #footer {
padding: 0 10px; /* 此填充會(huì)將它上面 div 中的所有元素左對(duì)齊。 */
background:#DDDDDD;
}
.twoColLiqLtHdr #footer p {
margin: 0; /* 將腳注中第一個(gè)元素的邊距設(shè)置為零將避免出現(xiàn)可能的邊距重疊(即 div 之間出現(xiàn)的空白)*/
padding: 10px 0; /* 就像邊距會(huì)產(chǎn)生空白一樣,此元素上的填充也將產(chǎn)生空白,但不會(huì)出現(xiàn)邊距重疊問(wèn)題 */
}
/* 要重用的各種類(lèi) */
.fltrt { /* 此類(lèi)可用來(lái)使頁(yè)面中的元素向右浮動(dòng)。浮動(dòng)元素必須位于頁(yè)面上要與之相鄰的元素之前。 */
float: right;
margin-left: 8px;
}
.fltlft { /* 此類(lèi)可用來(lái)使頁(yè)面上的元素向左浮動(dòng) */
float: left;
margin-right: 8px;
}
.clearfloat { /* 此類(lèi)應(yīng)當(dāng)放在 div 或 break 元素上,而且該元素應(yīng)當(dāng)是完全包含浮動(dòng)的容器關(guān)閉之前的最后一個(gè)元素 */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
--
/style!--[if IE]
style type="text/css"
/* 請(qǐng)將所有版本的 IE 的 css 修復(fù)放在這個(gè)條件注釋中 */
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* 上面的專(zhuān)用 zoom 屬性為 IE 提供避免錯(cuò)誤所需的 hasLayout */
/style
![endif]--/head
body class="twoColLiqLtHdr"
div id="container"
div id="header"
h1標(biāo)題/h1
!-- end #header --/div
div id="sidebar1"
h3sidebar1 內(nèi)容/h3
p此 div 上所顯示的背景色剛好與內(nèi)容等寬。如果您喜歡改用分界線(xiàn),而且 #mainContent div 所包含的內(nèi)容將始終比 #sidebar1 div 中的多,請(qǐng)?jiān)?#mainContent div 的左邊緣放置一個(gè)邊框。 /p
pDonec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero./p
!-- end #sidebar1 --/div
div id="mainContent"
h1 主要內(nèi)容 /h1
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero./p
h2H2 級(jí)別的標(biāo)題 /h2
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio./p
!-- end #mainContent --/div
!-- 這個(gè)用于清除浮動(dòng)的元素應(yīng)當(dāng)緊跟 #mainContent div 之后,以便強(qiáng)制 #container div 包含所有的子浮動(dòng) --br class="clearfloat" /
div id="footer"
p腳注/p
!-- end #footer --/div
!-- end #container --/div
/body
/html
壓縮和未壓縮的區(qū)別,.min是壓縮版的(去掉多余的注釋、空格等)文件較小,易于加載,另外的就是未壓縮的了文件稍大,保留完整的注釋、可讀性強(qiáng)的標(biāo)準(zhǔn)格式化文件。
兩者僅僅是文件大小、有無(wú)注釋、格式美化(可讀性)上的區(qū)別,使用上(作用效果)并沒(méi)有什么區(qū)別。
一般生產(chǎn)環(huán)境用.min.css(加載速度快,提升體驗(yàn)) ,開(kāi)發(fā)試驗(yàn)階段用.css(便于理解)。
CSS就是一種叫做樣式表(stylesheet)的技術(shù)。也有的人稱(chēng)之為層疊樣式表(Cascading Stylesheet)。 在主頁(yè)制作時(shí)采用CSS技術(shù),可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。 只要對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的修改,就可以改變同一頁(yè)面的不同部分,或者頁(yè)數(shù)不同的網(wǎng)頁(yè)的外觀和格式。
使用說(shuō)明:
1、選取顏色
在顏色選取區(qū)域點(diǎn)擊你所需要的色彩;
2、調(diào)整亮度
在右側(cè)的漸變色塊中調(diào)整該顏色的亮度;
3、復(fù)制粘貼代碼
復(fù)制在“代碼”框中該顏色的代碼,粘貼(CTRL+V)到css自定義模板所需位置即可。
空間頁(yè)面CSS說(shuō)明
body 整個(gè)空間頁(yè)面{background-color:#FFFFFF}
--------------------------------------------------------------------------------
空間名稱(chēng)和簡(jiǎn)介區(qū)域
#header 主體部分{height:89px;background:#3399CC}
#header div.lc 左背景圖{background:url(temp1/hdl.jpg) no-repeat}
#header div.rc 右背景圖{background:url(temp1/hdr.jpg) no-repeat top right}
#header div.tit 空間名稱(chēng){top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑體}
#header div.tit a.titlink 空間名稱(chēng)鏈接{color:#FFFFFF;text-decoration:none}
#header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none}
#header div.desc 空間簡(jiǎn)介{top:33px;left:20px;color:#FFFFFF;font-size:13px}
#tabline TAB菜單下方的橫線(xiàn){top:89px;background-color:#FFFFFF}
#tab TAB菜單主體{top:67px;background:url(temp1/tabbg.gif) repeat-x}
#tab a.on,#tab a.on:link,#tab a.on:visited TAB選中狀態(tài){margin-top:3px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-top:1px solid #FFFFFF;line-height:19px;background-color:#F3F1F1;color:#197CAE;font-size:14px}
#tab span TAB與TAB之間的分割符“|”{color:#FFFFFF;font-size:14px}
#tab a:link TAB未選中狀態(tài){color:#FFFFFF;text-decoration:none;font-size:14px}
#tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px}
#tab2 設(shè)置TAB菜單主體{background:#DAE9F5}
#tab2 span TAB選中狀態(tài){color:#000000;font-size:12px;font-weight:bold}
#tab2 a TAB未選中狀態(tài){font-size:12px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
--------------------------------------------------------------------------------
內(nèi)容區(qū)域 .stage(TAB菜單與版權(quán)信息之間的區(qū)域){background:#F3F1F1}
其它區(qū)域(即訪問(wèn)量等信息)
#comm_info 主體{color:#333333;font-family:Arial;text-align:left}
#comm_info div.line 分界線(xiàn){margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
#comm_info a 鏈接{color:#3399CC}
--------------------------------------------------------------------------------
頁(yè)碼區(qū)域
#page 主體{height:30px;font-size:14px;font-family:Arial;text-align:center}
#page span 當(dāng)前頁(yè)碼(不可點(diǎn)擊){padding:3px;color:#000000;font-size:14px;font-weight:bold}
#page a.pc 上一頁(yè)和下一頁(yè){color:#3399CC;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#3399CC}
#page a.pi 頁(yè)碼(可點(diǎn)擊){padding:3px;color:#3399CC;font-size:14px}
#page a.pi:visited{color:#3399CC}
--------------------------------------------------------------------------------
模塊
.mod {margin-bottom:10px}
.modhandle{cursor:move}
.modth 模塊標(biāo)題欄主體{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt 模塊操作區(qū)(如寫(xiě)新文章){padding:4px 4px 0 0}
.modtit 模塊標(biāo)題區(qū)(如文章列表){color:#FFFFFF;font-size:12px;font-weight:bold}a.modtit{color:#FFFFFF}a.modtit:visited{color:#FFFFFF}
.modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline}
.modact 操作文字鏈接(如文章列表){color:#FFFFFF;font-size:12px}a.modact:link{color:#FFFFFF}a.modact:visited{color:#FFFFFF}
.modbox 模塊內(nèi)容區(qū){padding:10px 10px 0 10px;background-color:#FFFFFF}
.modtl 模塊左上角背景{background:url(temp1/ptitl.gif) no-repeat top left;line-height:1px}
.modtc 模塊中上背景{background:url(temp1/ptitc.gif) repeat-x}
.modtr 模塊右上角背景{background:url(temp1/ptitr.gif) no-repeat top right;line-height:1px}
.modbl 模塊左下角背景{background-color:#FFFFFF;line-height:1px}
.modbc 模塊中下背景{background-color:#FFFFFF;line-height:1px}
.modbr 模塊右下角背景{background-color:#FFFFFF;line-height:1px}
--------------------------------------------------------------------------------
文章區(qū)域
#m_blog div.tit 文章標(biāo)題{font-size:14px;font-weight:bold}
#m_blog div.tit a 文章標(biāo)題鏈接{color:#333333;font-size:14px;font-weight:bold}
#m_blog div.tit a:visited{color:#333333}
#m_blog div.date 文章發(fā)表日期{margin:5px 0 8px 0;color:#666666}
#m_blog div.cnt 文章內(nèi)容{color:#333333;line-height:20px;font-size:14px}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a 閱讀全文鏈接{color:#3399CC;font-size:14px}
#m_blog div.more a:visited{color:#3399CC}
#m_blog div.opt 文章操作區(qū)(如編輯、評(píng)論等){color:#666666;font-size:12px}
#m_blog div.opt a 文章操作鏈接{color:#3399CC;font-size:12px}
#m_blog div.opt a:visited{color:#3399CC}
#m_blog div.line 分界線(xiàn){margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_blog div.none 無(wú)文章提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
--------------------------------------------------------------------------------
個(gè)人檔案區(qū)域
#m_pro a 鏈接{color:#3399CC}
#m_pro a:visited{color:#3399CC}
#m_pro div.image 個(gè)人頭像{text-align:center}
#m_pro div.act 操作區(qū)(如加為好友、發(fā)送消息){margin-top:10px}
#m_pro div.user 用戶(hù)名{margin-top:10px;color:#333333;font-size:12px;font-weight:bold}
#m_pro div.desc 用戶(hù)簡(jiǎn)介{color:#333333;font-size:12px}
#m_pro div.line 分界線(xiàn){margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#m_pro td{color:#333333;line-height:24px;font-size:14px}
--------------------------------------------------------------------------------
相冊(cè)區(qū)域
#m_album div.image 照片{text-align:center}
#m_album div.page {color:#666666;font-size:12px;text-align:center}
#m_album div.page a{color:#0000CC;font-size:12px}
#m_album div.page a:visited{color:#0000CC}
--------------------------------------------------------------------------------
友情鏈接區(qū)域
#m_links div.item 子項(xiàng){color:#333333;font-size:12px}
#m_links div.item a 名稱(chēng)(鏈接){color:#3399CC;font-size:12px;text-decoration:none}
#m_links div.item a:visited{color:#3399CC}
#m_links div.line 分界線(xiàn){margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
文章分類(lèi)
#m_artclg div.item 子項(xiàng){color:#666666;font-size:12px}
#m_artclg div.item a 分類(lèi)名稱(chēng)(鏈接){color:#3399CC;font-size:12px}
#m_artclg div.item a:visited{color:#3399CC}
#m_artclg div.line 分界線(xiàn){margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
最新評(píng)論區(qū)域
#m_comment div.item 子項(xiàng){color:#333333;font-size:12px}
#m_comment div.item a 發(fā)表人(鏈接){color:#3399CC;font-size:12px}
#m_comment div.item a:visited{color:#3399CC}
#m_comment div.item a.cnt 評(píng)論摘要(鏈接){color:#333333;font-size:12px;text-decoration:none}
#m_comment div.item a.cnt:visited{color:#333333;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline}
#m_comment div.line 分界線(xiàn){margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
相冊(cè)列表
#m_albumlist div.note{color:#333333;font-size:14px}
#m_albumlist div.desc 簡(jiǎn)介{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px}
#m_albumlist div.none 無(wú)照片提示信息{padding:100px 0 100px 0;color:#333333;font-size:14px}
#m_albumlist div.line 分界線(xiàn){margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
#m_albumlist div.tit 照片標(biāo)題{margin:6px 0 7px 0;color:#333333;font-size:14px}
#m_albumlist div.tit a 照片標(biāo)題鏈接{color:#3399CC;font-size:14px}
#m_albumlist div.tit a:visited{color:#3399CC}
#m_albumlist span.count 照片數(shù)量{color:#666666;font-size:12px;font-weight:bold}
#m_albumlist span.size 照片尺寸{color:#999999;font-size:12px;font-family:Arial}
#m_albumlist a.act 操作區(qū)鏈接(如編輯、刪除){color:#3399CC;font-size:12px}
#m_albumlist a.act:visited{color:#3399CC}
#m_albumlist a.page 頁(yè)碼鏈接{color:#0000CC;font-size:14px}
#m_albumlist a.page:visited{color:#0000CC}
#m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF}
--------------------------------------------------------------------------------
好友列表
#m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px}
#m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px}
#m_friend div.user{margin-top:4px;color:#333333;font-size:12px}
#m_friend div.user a 好友名稱(chēng)(鏈接){color:#3399CC;font-size:12px}
#m_friend div.user a:visited{color:#3399CC}
#m_friend div.line 分界線(xiàn){margin-top:10px;line-height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
設(shè)置訪問(wèn)統(tǒng)計(jì)、模板設(shè)置
#m_setting a 鏈接{color:#3399CC}
#m_setting a:visited{color:#3399CC}
#m_setting 主體{line-height:22px;color:#333333;font-size:14px}
#m_setting img.sel 模板預(yù)覽圖(選中狀態(tài)){border:4px solid #FFDB7B}
#m_setting img.unsel 模板預(yù)覽圖(未選中狀態(tài)){border:1px solid #D2D2D2}
#m_setting span.tit 模板標(biāo)題名稱(chēng){font-size:14px}
#m_setting span.usr 作者名{color:#666666}
#m_setting div.sel “當(dāng)前模板”文字{padding-top:6px;font-size:14px;font-weight:bold}
#m_setting div.line 分界線(xiàn){margin-top:20px;line-height:16px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
系統(tǒng)公告
#m_sysinfo a 鏈接{color:#3399CC}
#m_sysinfo a:visited{color:#3399CC}
#m_sysinfo 主體{line-height:22px;color:#333333;font-size:14px}
#m_sysinfo span.new 最新{color:#FF0000;font-size:10px;font-family:Arial}
#m_sysinfo span.date 發(fā)布時(shí)間{color:#666666;font-size:14px}
--------------------------------------------------------------------------------
基本選項(xiàng)
#m_setbase 主體{color:#333333;font-size:14px}
#m_setbase td{color:#333333;font-size:14px}
#m_setbase div.line 分界線(xiàn){margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
網(wǎng)友評(píng)論
#in_comment 主體{width:710px}
#in_comment div.tit 標(biāo)題{margin-bottom:12px;color:#333333;font-size:14px;font-weight:bold}
#in_comment div.user 發(fā)表人名{margin-bottom:6px;color:#333333;font-size:12px}
#in_comment div.user a 發(fā)表人名(鏈接){color:#3399CC;font-size:12px}
#in_comment div.user a:visited{color:#3399CC}
#in_comment div.user span.date 發(fā)表時(shí)間{color:#666666;font-size:12px}
#in_comment div.desc 評(píng)論內(nèi)容{color:#333333;font-size:12px}
#in_comment div.line 分界線(xiàn){margin-top:17px;line-height:17px;border-top:1px solid #D2E9F4}
#in_send div.tit 發(fā)表評(píng)論(標(biāo)題){margin:10px 0 10px 0;color:#333333;font-size:14px;font-weight:bold}
--------------------------------------------------------------------------------
文章存檔
#m_filed div.item{color:#666666;font-size:12px}
#m_filed div.item a{color:#3399CC;font-size:12px}
#m_filed div.item a:visited{color:#3399CC}
#m_filed div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
自定義模塊
自定義模塊1
#m_mylink1 div.item{color:#333333;font-size:12px}
#m_mylink1 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink1 div.item a:visited{color:#3399CC}
#m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定義模塊2
#m_mylink2 div.item{color:#333333;font-size:12px}
#m_mylink2 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink2 div.item a:visited{color:#3399CC}
#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定義模塊3
#m_mylink3 div.item{color:#333333;font-size:12px}
#m_mylink3 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink3 div.item a:visited{color:#3399CC}
#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
自定義模塊4
#m_mylink4 div.item{color:#333333;font-size:12px}
#m_mylink4 div.item a{color:#3399CC;font-size:12px;text-decoration:none}
#m_mylink4 div.item a:visited{color:#3399CC}
#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px solid #D2E9F4}
--------------------------------------------------------------------------------
最近訪客
#m_track {color:#333333;font-size:12px}
#m_track a{color:#3399CC;font-size:12px}
#m_track a:visited{color:#3399CC}
--------------------------------------------------------------------------------
百度搜索模塊
#m_search {color:#000000;font-size:14px;}
#m_search input.text{ color:#000000; font-size:12px;}
#m_search input.radio{ background-color:#ffffff;}
#m_search input.submit{ color:#000000; font-size:12px;}
一般情況下和runat=“server”, 沒(méi)太大關(guān)系,不管后臺(tái)怎么組織,到前臺(tái)顯示的代碼是一個(gè)意思.你可以在你看到的那個(gè)頁(yè)面查看源文件,看CSS樣式有沒(méi)有附加上去
你應(yīng)該到顯示的網(wǎng)頁(yè)上去右擊-查看源文件,然后你就看到你的CSS樣式有沒(méi)有.你加了runat 就必須把class 改成 cssclass
后面那個(gè) “男” 好理解 就是網(wǎng)頁(yè)顯示 男
而value=“男" 沒(méi)有實(shí)際意義 網(wǎng)頁(yè)并不會(huì)顯示出來(lái)
但是可以用作js或者php asp的判斷 用
比如 你想知道 選了哪個(gè) 得先判斷value是男 還是女
正如樓上說(shuō)的 value 通常 是設(shè)定為1和0
通過(guò)判斷 value是1還是0就可以知道 選了 男還是女