1. <dd id="5jlnw"><center id="5jlnw"></center></dd>
    <dd id="5jlnw"><track id="5jlnw"></track></dd>

    <th id="5jlnw"></th>
    <em id="5jlnw"><acronym id="5jlnw"></acronym></em>
    1. 立即注冊 找回密碼

      QQ登錄

      只需一步,快速開(kāi)始

      查看: 6550|回復: 0
      打印 上一主題 下一主題

      [DIV+CSS 教程筆記02] 第一課-第十一課程 時(shí)候代碼總結

      [復制鏈接]
      跳轉到指定樓層
      樓主
      發(fā)表于 2014-11-30 23:24:01 | 只看該作者 回帖獎勵 |倒序瀏覽 |閱讀模式
      道勤網(wǎng)-數據www.bmrsportswear.com

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

      您需要 登錄 才可以下載或查看,沒(méi)有賬號?立即注冊

      x
      1. css效果

      2. <!--這個(gè)是外聯(lián)樣式的css內容-->
      3. <link href="001.css" rel="stylesheet" type="text/css" />

      4. </head>
      5. ---------------------------------------------------------------------------------------------------------

      6. .aaa{}   類(lèi)別選擇器   
      7. #aaa{}  id選擇器

      8. *{}通配選擇器
      9. p a{    }包含選擇器/父子選擇器 的用法,
      10. ---------------------------------------------------------------------------------------------------------------
      11. a{color:#933;}  沒(méi)有點(diǎn)之前鏈接的顏色
      12. a:link {color:#933;}  同上沒(méi)有點(diǎn)擊之前鏈接的顏色
      13. a:visited {color:#9C6;}   瀏覽過(guò)的鏈接的顏色
      14. a:hover{color:#009;}     鼠標放上去時(shí)候鏈接的顏色
      15. a:active{color:#F06;}    鼠標點(diǎn)擊時(shí)候鏈接的顏色
      16. 一般的寫(xiě)法為

      17. h1 a{color:#933;}   沒(méi)有點(diǎn)擊時(shí)候鏈接的顏色

      18. h1 a:hover{color:#009; font-size:36px; background:#0C3;}  鼠標放上去點(diǎn)擊鏈接的顏色


      19. .aaa{background:url(xml.jpg) no-repeat; background-position:bottom;}
      20.               
      21.               其他方式: repeat-x  repeat-y repeat
      22.               其他方式:background-positon:right;  background-positon:left;  background-positon:top;
      23.                         background-position:100px 50px;  這個(gè)表示的是圖片向右面移動(dòng)100px之后呢在向下移動(dòng)50px,

      24. body{background:#F30;}這個(gè)是標簽的css外聯(lián)樣式
      25. span{color:#00F; font-size:45px;}

      26. h1{color:#FF0; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weiht:800;}
      27. h2{color:#0C3;}
      28. h3{color:#0F3; background:#000;}

      29. *{ background:#900;}   這個(gè)表示的通配選擇符的用法
      30. p a{color:#9C9;}   這個(gè)表示的是包含選擇符的用法

      31. P{color:#F00; font-size:24px; background:#9C6;}
      32. #abc{color:#00F;}

      33. h1,42,p,span,h5{color:#F00;}    2個(gè)都可以定義的代碼 組合選擇符
      34. span,h1{color:#F00;}
      35. h1,h2,h3,h4,h5{color:#3F0; background:#330; font-weight:900;}

      36. ------------------------------------------------------------------------------------------------

      37. <head>
      38. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   <!--網(wǎng)站的編碼 utf-8是一個(gè)國際編碼,gbk

      39. 是我們國內用到的編碼-->
      40. <title>無(wú)標題文檔</title>
      41. <meta name="keywords" content="道勤教育,道勤學(xué)習,道勤網(wǎng),免費學(xué)習,一起交流" />   <!--網(wǎng)站的關(guān)鍵詞-->
      42. <meta name="description"  content="讓我們一起學(xué)習吧,道勤網(wǎng)免費學(xué)習網(wǎng)站設計,網(wǎng)站建設,QQ群226547332" />  <!--網(wǎng)站

      43. 描述的用法-->


      44. <style type="text/css">

      45. <!--這里是內聯(lián)樣式的css內容-->

      46. P{color:#F00; font-size:24px; background:#9C6;}
      47. body{background:#F30;}  這個(gè)是顏色作為背景的方式
      48. body{ background:url(xml.jpg) no-repeat; }    這個(gè)是圖片作為背景的代碼
      49. span{color:#00F; font-size:45px;}
      50. h1{color:#FF0; font-family:Verdana, Geneva, sans-serif; font-size:9px; font-weiht:800;}
      51. h2{color:#0C3;}
      52. h3{color:#0F3; background:#000;}

      53. </style>


      54. ---------------------------------------------------------------------------------------------------------

      55. HTML代碼




      56. <p style="color:#F00;">現在我們一起來(lái)學(xué)習這個(gè)div+css系列教程-道勤網(wǎng)</p>本節視頻由 道勤網(wǎng)  提供,全部免費建站視頻教

      57. 程請登錄道勤網(wǎng)!www.bmrsportswear.com .請關(guān)注本節課discuz視頻教程!為各位新手站長(cháng)提供學(xué)習交流的互助平臺,還可以學(xué)到網(wǎng)站推廣的

      58. 知識,如:seo等!實(shí)實(shí)在在的為新手站長(cháng)包括空間域名的購買(mǎi)指導,到程序的使用,及網(wǎng)站建設,網(wǎng)站優(yōu)化,網(wǎng)站維護等全方位服務(wù),是道

      59. 勤網(wǎng)努力的方向!QQ群226547332

      60. 這個(gè)是無(wú)序列表的寫(xiě)法
      61. <ul>
      62. <li class="aaa">道勤網(wǎng)</li>
      63. <li>學(xué)設計</li>
      64. <li>淘寶美工</li>
      65. <li>做網(wǎng)站</li>
      66. <li  id="abc"  class="aaa">學(xué)設計</li>
      67. <li>一切都是可以從0開(kāi)始</li>
      68. <li  id="abc"  class="aaa">學(xué)設計</li>
      69. </ul>




      70. <table width="700px" border="1px" >
      71. <tr>
      72. <td class="aaa"   height="610px"> </td>
      73. </tr>
      74. </table>








      75. ----------------------------------------------------------------------

      復制代碼
      我們來(lái)看下這些常用到的代碼;用來(lái)我們學(xué)習研究,和知識點(diǎn)的回復!
      道勤主機提供365天*24小時(shí)全年全天無(wú)休、實(shí)時(shí)在線(xiàn)、零等待的售后技術(shù)支持。竭力為您免費處理您在使用道勤主機過(guò)程中所遇到的一切問(wèn)題! 如果您是道勤主機用戶(hù),那么您可以通過(guò)QQ【792472177】、售后QQ【59133755】、旺旺【詮釋意念】、微信:q792472177免費電話(huà)、后臺提交工單這些方式聯(lián)系道勤主機客服! 如果您不是我們的客戶(hù)也沒(méi)問(wèn)題,點(diǎn)擊頁(yè)面最右邊的企業(yè)QQ在線(xiàn)咨詢(xún)圖標聯(lián)系我們并購買(mǎi)后,我們?yōu)槟赓M進(jìn)行無(wú)縫搬家服務(wù),讓您享受網(wǎng)站零訪(fǎng)問(wèn)延遲的遷移到道勤主機的服務(wù)!
      本內容系 道勤團隊 www.bmrsportswear.com 客服與技術(shù)人員研究整理的智慧結晶,轉載勿用于商業(yè)用途,并保留本文鏈接,侵權必究!
      dsu_marcocopyright:copy_link 

      【道勤網(wǎng)】- www.bmrsportswear.com 軟件視頻自學(xué)教程|免費教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫(huà)教程|辦公教程|機械設計教程|網(wǎng)站設計教程!【道勤網(wǎng)】 - 論壇版權1、本主題所有言論和圖片純屬會(huì )員個(gè)人意見(jiàn),與本論壇立場(chǎng)無(wú)關(guān)
      2、本站所有主題由該帖子作者發(fā)表,該帖子作者與【道勤網(wǎng)】- www.bmrsportswear.com 軟件視頻自學(xué)教程|免費教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫(huà)教程|辦公教程|機械設計教程|網(wǎng)站設計教程!【道勤網(wǎng)】享有帖子相關(guān)版權
      3、其他單位或個(gè)人使用、轉載或引用本文時(shí)必須同時(shí)征得該帖子作者和【道勤網(wǎng)】- www.bmrsportswear.com 軟件視頻自學(xué)教程|免費教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫(huà)教程|辦公教程|機械設計教程|網(wǎng)站設計教程!【道勤網(wǎng)】的同意
      4、帖子作者須承擔一切因本文發(fā)表而直接或間接導致的民事或刑事法律責任
      5、本帖部分內容轉載自其它媒體,但并不代表本站贊同其觀(guān)點(diǎn)和對其真實(shí)性負責
      6、如本帖侵犯到任何版權問(wèn)題,請立即告知本站,本站將及時(shí)予與刪除并致以最深的歉意
      7、【道勤網(wǎng)】- www.bmrsportswear.com 軟件視頻自學(xué)教程|免費教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫(huà)教程|辦公教程|機械設計教程|網(wǎng)站設計教程!【道勤網(wǎng)】管理員和版主有權不事先通知發(fā)貼者而刪除本文

      您需要登錄后才可以回帖 登錄 | 立即注冊

      本版積分規則

      關(guān)閉

      道勤網(wǎng)- 推薦內容!上一條 /2 下一條

      !jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回復 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

      Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

      快速回復 返回頂部 返回列表
      色综合网站国产麻豆_国产在线精品福利尤物_两个人的视频全免费观看高清_日日干狠狠干