第一課-第十一課程時候代碼總結

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

親注冊登錄道勤網(wǎng)-可以查看更多帖子內容哦！（包涵精彩圖片、文字詳情等）請您及時注冊登錄-bmrsportswear.com

您需要登錄才可以下載或查看，沒有賬號？立即注冊

x

css效果
<link href="001.css" rel="stylesheet" type="text/css" />
</head>
---------------------------------------------------------------------------------------------------------
.aaa｛｝類別選擇器
#aaa{} id選擇器
*｛｝通配選擇器
p a{ }包含選擇器/父子選擇器的用法，
---------------------------------------------------------------------------------------------------------------
a{color:#933;} 沒有點之前鏈接的顏色
a:link {color:#933;} 同上沒有點擊之前鏈接的顏色
a:visited {color:#9C6;} 瀏覽過的鏈接的顏色
a:hover{color:#009;} 鼠標放上去時候鏈接的顏色
a:active{color:#F06;} 鼠標點擊時候鏈接的顏色
一般的寫法為
h1 a{color:#933;} 沒有點擊時候鏈接的顏色
h1 a:hover{color:#009; font-size:36px; background:#0C3;} 鼠標放上去點擊鏈接的顏色
.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; 這個表示的是圖片向右面移動100px之后呢在向下移動50px,
body{background:#F30;}這個是標簽的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;} 這個表示的通配選擇符的用法
p a{color:#9C9;} 這個表示的是包含選擇符的用法
P{color:#F00; font-size:24px; background:#9C6;}
#abc{color:#00F;}
h1,42,p,span,h5{color:#F00;} 2個都可以定義的代碼組合選擇符
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是一個國際編碼，gbk
是我們國內用到的編碼-->
<title>無標題文檔</title>
<meta name="keywords" content="道勤教育,道勤學習,道勤網(wǎng),免費學習,一起交流" />
<meta name="description" content="讓我們一起學習吧，道勤網(wǎng)免費學習網(wǎng)站設計，網(wǎng)站建設，QQ群226547332" /> <!--網(wǎng)站
描述的用法-->
<style type="text/css">
P{color:#F00; font-size:24px; background:#9C6;}
body{background:#F30;} 這個是顏色作為背景的方式
body{ background:url(xml.jpg) no-repeat; } 這個是圖片作為背景的代碼
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)在我們一起來學習這個div+css系列教程-道勤網(wǎng)</p>本節(jié)視頻由道勤網(wǎng) 提供,全部免費建站視頻教
程請登錄道勤網(wǎng)!bmrsportswear.com .請關注本節(jié)課discuz視頻教程!為各位新手站長提供學習交流的互助平臺,還可以學到網(wǎng)站推廣的
知識,如:seo等!實實在在的為新手站長包括空間域名的購買指導,到程序的使用,及網(wǎng)站建設,網(wǎng)站優(yōu)化,網(wǎng)站維護等全方位服務,是道
勤網(wǎng)努力的方向!QQ群226547332
這個是無序列表的寫法
<ul>
<li class="aaa">道勤網(wǎng)</li>
<li>學設計</li>
<li>淘寶美工</li>
<li>做網(wǎng)站</li>
<li id="abc" class="aaa">學設計</li>
<li>一切都是可以從0開始</li>
<li id="abc" class="aaa">學設計</li>
</ul>
<table width="700px" border="1px" >
<tr>
<td class="aaa" height="610px"> </td>
</tr>
</table>
----------------------------------------------------------------------

復制代碼

我們來看下這些常用到的代碼；用來我們學習研究，和知識點的回復！

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