第一課-第十一課程時(shí)候代碼總結(jié)

asp老師 · 發(fā)表于 2014-11-30 23:24:01

親注冊(cè)登錄道勤網(wǎng)-可以查看更多帖子內(nèi)容哦�。ò蕡D片、文字詳情等）請(qǐng)您及時(shí)注冊(cè)登錄-bmrsportswear.com

您需要登錄才可以下載或查看，沒(méi)有賬號(hào)？立即注冊(cè)

x

css效果
<link href="001.css" rel="stylesheet" type="text/css" />
</head>
---------------------------------------------------------------------------------------------------------
.aaa｛｝類(lèi)別選擇器
#aaa{} id選擇器
*｛｝通配選擇器
p a{ }包含選擇器/父子選擇器的用法，
---------------------------------------------------------------------------------------------------------------
a{color:#933;} 沒(méi)有點(diǎn)之前鏈接的顏色
a:link {color:#933;} 同上沒(méi)有點(diǎn)擊之前鏈接的顏色
a:visited {color:#9C6;} 瀏覽過(guò)的鏈接的顏色
a:hover{color:#009;} 鼠標(biāo)放上去時(shí)候鏈接的顏色
a:active{color:#F06;} 鼠標(biāo)點(diǎn)擊時(shí)候鏈接的顏色
一般的寫(xiě)法為
h1 a{color:#933;} 沒(méi)有點(diǎn)擊時(shí)候鏈接的顏色
h1 a:hover{color:#009; font-size:36px; background:#0C3;} 鼠標(biāo)放上去點(diǎn)擊鏈接的顏色
.aaa{background:url(xml.jpg) no-repeat; background-position:bottom;}
其他方式： repeat-x repeat-y repeat
其他方式：background-positon:right; background-positon:left; background-positon:top;
background-position:100px 50px; 這個(gè)表示的是圖片向右面移動(dòng)100px之后呢在向下移動(dòng)50px,
body{background:#F30;}這個(gè)是標(biāo)簽的css外聯(lián)樣式
span{color:#00F; font-size:45px;}
h1{color:#FF0; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weiht:800;}
h2{color:#0C3;}
h3{color:#0F3; background:#000;}
*{ background:#900;} 這個(gè)表示的通配選擇符的用法
p a{color:#9C9;} 這個(gè)表示的是包含選擇符的用法
P{color:#F00; font-size:24px; background:#9C6;}
#abc{color:#00F;}
h1,42,p,span,h5{color:#F00;} 2個(gè)都可以定義的代碼組合選擇符
span,h1{color:#F00;}
h1,h2,h3,h4,h5{color:#3F0; background:#330; font-weight:900;}
------------------------------------------------------------------------------------------------
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--網(wǎng)站的編碼 utf-8是一個(gè)國(guó)際編碼，gbk
是我們國(guó)內(nèi)用到的編碼-->
<title>無(wú)標(biāo)題文檔</title>
<meta name="keywords" content="道勤教育,道勤學(xué)習(xí),道勤網(wǎng),免費(fèi)學(xué)習(xí),一起交流" />
<meta name="description" content="讓我們一起學(xué)習(xí)吧，道勤網(wǎng)免費(fèi)學(xué)習(xí)網(wǎng)站設(shè)計(jì)，網(wǎng)站建設(shè)，QQ群226547332" /> <!--網(wǎng)站
描述的用法-->
<style type="text/css">
P{color:#F00; font-size:24px; background:#9C6;}
body{background:#F30;} 這個(gè)是顏色作為背景的方式
body{ background:url(xml.jpg) no-repeat; } 這個(gè)是圖片作為背景的代碼
span{color:#00F; font-size:45px;}
h1{color:#FF0; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weiht:800;}
h2{color:#0C3;}
h3{color:#0F3; background:#000;}
</style>
---------------------------------------------------------------------------------------------------------
HTML代碼
<p style="color:#F00;">現(xiàn)在我們一起來(lái)學(xué)習(xí)這個(gè)div+css系列教程-道勤網(wǎng)</p>本節(jié)視頻由道勤網(wǎng) 提供,全部免費(fèi)建站視頻教
程請(qǐng)登錄道勤網(wǎng)!bmrsportswear.com .請(qǐng)關(guān)注本節(jié)課discuz視頻教程!為各位新手站長(zhǎng)提供學(xué)習(xí)交流的互助平臺(tái),還可以學(xué)到網(wǎng)站推廣的
知識(shí),如:seo等!實(shí)實(shí)在在的為新手站長(zhǎng)包括空間域名的購(gòu)買(mǎi)指導(dǎo),到程序的使用,及網(wǎng)站建設(shè),網(wǎng)站優(yōu)化,網(wǎng)站維護(hù)等全方位服務(wù),是道
勤網(wǎng)努力的方向!QQ群226547332
這個(gè)是無(wú)序列表的寫(xiě)法
<ul>
<li class="aaa">道勤網(wǎng)</li>
<li>學(xué)設(shè)計(jì)</li>
<li>淘寶美工</li>
<li>做網(wǎng)站</li>
<li id="abc" class="aaa">學(xué)設(shè)計(jì)</li>
<li>一切都是可以從0開(kāi)始</li>
<li id="abc" class="aaa">學(xué)設(shè)計(jì)</li>
</ul>
<table width="700px" border="1px" >
<tr>
<td class="aaa" height="610px"> </td>
</tr>
</table>
----------------------------------------------------------------------

復(fù)制代碼

我們來(lái)看下這些常用到的代碼；用來(lái)我們學(xué)習(xí)研究，和知識(shí)點(diǎn)的回復(fù)！

道勤主機(jī)提供365天*24小時(shí)全年全天無(wú)休、實(shí)時(shí)在線(xiàn)、零等待的售后技術(shù)支持。竭力為您免費(fèi)處理您在使用道勤主機(jī)過(guò)程中所遇到的一切問(wèn)題! 如果您是道勤主機(jī)用戶(hù)，那么您可以通過(guò)QQ【792472177】、售后QQ【59133755】、旺旺【詮釋意念】、微信：q792472177免費(fèi)電話(huà)、后臺(tái)提交工單這些方式聯(lián)系道勤主機(jī)客服！如果您不是我們的客戶(hù)也沒(méi)問(wèn)題，點(diǎn)擊頁(yè)面最右邊的企業(yè)QQ在線(xiàn)咨詢(xún)圖標(biāo)聯(lián)系我們并購(gòu)買(mǎi)后，我們?yōu)槟赓M(fèi)進(jìn)行無(wú)縫搬家服務(wù)，讓您享受網(wǎng)站零訪(fǎng)問(wèn)延遲的遷移到道勤主機(jī)的服務(wù)！