亚洲综合原千岁中文字幕_国产精品99久久久久久久vr_无码人妻aⅴ一区二区三区浪潮_成人h动漫精品一区二区三

主頁 > 知識庫 > HTML (css樣式規范)必看篇

HTML (css樣式規范)必看篇
熱門標簽：地圖標注地點下載 默納克系統外呼顯示inns 400電話是在哪里申請 朝陽自動外呼系統 東莞人工外呼系統多少錢 周口導航地圖標注 400電話辦理尚景 昌邑外呼系統 商丘電話自動外呼系統怎么收費

CSS樣式規范

1.類選擇器

2.標簽選擇器

3.id選擇器

4.CSS樣式的子選擇器

類選擇器

1.必背的固定結構，成為CSS樣式標記。所有的樣式都可以寫成CSS樣式的標記中

<style type="text/css">

</style>

2. type=“text/css” 意思是聲明這個標記是css樣式類型

type：類型的意思
text：文本的意思
css：疊層樣式表

3.類選擇器語法格式 .類名 （點加類名）

寫的位置：在css樣式的標記中
調用方法在HTML標簽內部寫上 class=類名

4.命名規范

建議是純字母或字母后面加數字，請勿數字開頭，其它雖然可以使用請問使用

5.為什么要把行內的css提取到css的標記中

優點一：保持HTML的層次清晰，方便檢測錯誤
優點二：可以重復使用css樣式

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2.   
  3. <html lang="en">  
  4.   
  5. <head>  
  6.   
  7.     <meta charset="UTF-8">  
  8.   
  9.     <title>類選擇器</title>  
  10.   
  11.     <style type="text/css">  
  12.   
  13.         /*類選擇器*/  
  14.   
  15.         .box{width: 200px; height: 50px; background-color: aqua;border: 10px salmon solid}  
  16.   
  17.     </style>  
  18.   
  19. </head>  
  20.   
  21. <body>  
  22.   
  23. <div class="box"></div>  
  24.   
  25. <div class="box"></div>  
  26.   
  27. <div class="box"></div>  
  28.   
  29.    
  30.   
  31. </body>  
  32.   
  33. </html>  
樣式結果

ID選擇器

1. ID選擇器的語法格式 #ID名稱

寫的位置：在CSS樣式的標記中
調用方法在HTML標簽內部寫上 id="ID名稱"
 
2. 命名規范

同類上一節的類名一樣的道理

3. 為什么要把行內的CSS提取到CSS的標記中

優點一：保持HTML的層次清晰，方便檢測錯誤
優點二：區分優先級，如果需要復用請選擇類選擇器

4. ID不允許重復調用，id就想身份證編號一樣，每個都是不同的

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2.   
  3. <html lang="en">  
  4.   
  5. <head>  
  6.   
  7.        <meta charset="UTF-8">  
  8.   
  9.        <title>Title</title>  
  10.   
  11.        <style type="text/css">  
  12.   
  13.         /*ID選擇器*/  
  14.   
  15.         /*ID唯一標識符的意思,設計的目的就是讓id唯一性*/  
  16.   
  17.         #box{width: 200px;height: 50px;background-color: bisque}  
  18.   
  19.         #boy,#boy1,#boy2{width: 200px;height: 50px;background-color: bisque;  
  20.   
  21.         border: 2px seagreen solid}  
  22.   
  23.         #gil,.doc{width: 200px;height: 50px;background-color: bisque;  
  24.   
  25.         border: 2px seagreen solid}  
  26.   
  27.         /*設置多個共享一個參數*/  
  28.   
  29.    
  30.   
  31.     </style>  
  32.   
  33.    
  34.   
  35. </head>  
  36.   
  37. <body>  
  38.   
  39.     <div id="gil"></div>  
  40.   
  41.     <div class="doc"></div>  
  42.   
  43.     <div class="doc"></div>  
  44.   
  45.    
  46.   
  47. </body>  
  48.   
  49. </html>  
樣式結果

標簽名選擇器

用到多個標簽使用相同的屬性，可以寫成選擇器。方面下面所有用到這個標簽時共有這個屬性

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>Title</title>  
  6.     <style type="text/css">  
  7.         /*標簽名  選擇器*/  
  8.         div{border: 10px salmon solid; width:99px;height: 20px}  
  9.     </style>  
  10. </head>  
  11. <body>  
  12.     <div>周杰倫</div>  
  13.     <div>孫其虎</div>  
  14.     <div>張杰</div>  
  15. </body>  
  16. </html>  

CSS樣式的子選擇器

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2.   
  3. <html lang="en">  
  4.   
  5. <head>  
  6.   
  7.     <meta charset="UTF-8">  
  8.   
  9.     <title>子選擇器</title>  
  10.   
  11.     <style type="text/css">  
  12.   
  13.         div b{color: crimson}  
  14.   
  15.         /*只影響 具有div 下的 b子標簽受影響*/  
  16.   
  17.         div >b{color: skyblue}  
  18.   
  19.         /*只影響兒子，不影響孫子*/  
  20.   
  21.     </style>  
  22.   
  23. </head>  
  24.   
  25. <body>  
  26.   
  27.     <div><b>美國</b></div>  
  28.   
  29.     <div><b><b>中國</b></b></div>  
  30.   
  31.    
  32.   
  33. </body>  
  34.   
  35. </html>  
樣式結果

二、樣式優先級

1.CSS執行順序，在同等優先級的情況下，下一行的如果與上一行的CSS有沖突一下一行為標準

在優先級不同的情況下，優先級高的覆蓋優先級的低的。

2.選擇器優先級順序排列

第一名：行內樣式 1000;
第二名：ID選擇器 100;
第三名：元素名.類名 10;
第四名：類名
第五名：標簽名 1;

3.主意事項：

當你寫的CSS不起作用的時候，優先檢測代碼有沒有寫錯
第二檢查優先級情況有沒有錯

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>  
  2.   
  3. <html lang="en">  
  4.   
  5. <head>  
  6.   
  7.     <meta charset="UTF-8">  
  8.   
  9.     <title>優先級定義</title>  
  10.   
  11.     <style type="text/css">  
  12.   
  13.         .red{color: aqua}  
  14.   
  15.         .blue{color: crimson}  
  16.   
  17.         .dce{color: antiquewhite}  
  18.   
  19.         /*在同級中相同的屬性，標準調用下面的*/  
  20.   
  21.         div{color: blue}  
  22.   
  23.         /*影響范圍越廣的，優先級越低*/  
  24.   
  25.    
  26.   
  27.         #blue{ color: springgreen}  
  28.   
  29.         #ket{color: blueviolet}  
  30.   
  31.         div.red{color: aqua}  
  32.   
  33.         /*類名>元素名*/  
  34.   
  35.         /*ID優先級最高*/  
  36.   
  37.         #alex b{color: chartreuse}  
  38.   
  39.         b{color: blue;border: 2px cornsilk solid}  
  40.   
  41.    
  42.   
  43.     </style>  
  44.   
  45. </head>  
  46.   
  47. <body>  
  48.   
  49. <div id="ket" class="red" style="color: black">優先sex</div>  
  50.   
  51. <!--在行內樣式最高-->  
  52.   
  53. <div id="blue" class="red">優先</div>  
  54.   
  55. <div class="blue red dce"> 優先級</div>  
  56.   
  57. <div id="alex"><b>中國</b></div>  
  58.   
  59. <b>美國</b>  
  60.   
  61. </body>  
  62.   
  63. </html>  
樣式

以上就是小編為大家帶來的HTML (css樣式規范)必看篇全部內容了，希望大家多多支持腳本之家~

原文地址：http://www.cnblogs.com/pythonxiaohu/archive/2016/06/25/5616511.html

標簽：湖南 健身房 揭陽 福建 阿拉善盟 銅陵 沈陽 那曲

巨人網絡通訊聲明：本文標題《HTML (css樣式規范)必看篇》，本文關鍵詞  HTML,css,樣式,規范,必看篇,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML (css樣式規范)必看篇》相關的同類信息！
  • 本頁收集關于HTML (css樣式規范)必看篇的相關信息資訊供網民參考！
    • 推薦文章
    美女免费毛片| 欧美大片一区| 韩国毛片免费| 精品久久久久久中文| 91麻豆国产级在线| 欧美a免费| 色综合久久天天综合| 成人高清护士在线播放| 久久国产影院| 免费一级片在线| 欧美国产日韩一区二区三区| 午夜激情视频在线观看| 一级毛片视频免费| 精品国产一区二区三区国产馆| 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 青草国产在线| 精品久久久久久免费影院| 日韩免费在线观看视频| 免费一级片在线观看| 日本在线播放一区| 亚欧成人毛片一区二区三区四区 | 国产韩国精品一区二区三区| 你懂的福利视频| 九九精品在线| 99久久精品国产国产毛片| 日韩免费在线视频| 四虎论坛| 午夜在线影院| 免费国产一级特黄aa大片在线| 四虎久久影院| 日韩av成人| 精品视频一区二区三区| 国产视频一区二区在线观看| 欧美α片无限看在线观看免费| 成人免费观看男女羞羞视频| 天天做日日爱| 国产视频久久久久| 四虎影视库国产精品一区| 日韩免费在线| 日韩在线观看视频免费| 日本特黄特色aaa大片免费| 高清一级毛片一本到免费观看| 欧美激情影院| 99久久精品国产麻豆| 九九热国产视频| 欧美a级片免费看| 日韩中文字幕在线播放| 国产激情一区二区三区| 国产伦久视频免费观看视频| 你懂的福利视频| 国产一区二区精品尤物| 亚洲www美色| 成人高清视频免费观看| 欧美电影免费看大全| 黄色福利| 亚洲 男人 天堂| 韩国毛片免费| 九九九国产| 精品视频在线观看一区二区三区| 国产福利免费视频| 韩国三级一区| 美女免费精品视频在线观看| 日韩av东京社区男人的天堂| 99热精品在线| 毛片电影网| 四虎影视库国产精品一区| 免费的黄视频| 韩国毛片免费| 日韩欧美一二三区| 香蕉视频一级| 成人高清视频在线观看| 久久99中文字幕久久| 久久国产一久久高清| 成人a大片在线观看| 九九免费精品视频| 999精品视频在线| 国产伦精品一区二区三区在线观看| 国产一区二区精品久久91| 日韩免费在线观看视频| 国产成人精品综合在线| 九九热国产视频| 久久成人亚洲| 成人免费网站久久久| 久久精品大片| 欧美激情一区二区三区在线| 亚久久伊人精品青青草原2020| 一级女人毛片人一女人| 国产一区二区精品尤物| 久久99这里只有精品国产| 久久成人综合网| 九九免费精品视频| 日韩中文字幕一区| 国产精品自拍在线| 欧美另类videosbestsex | 你懂的日韩| 精品视频免费在线| 日韩中文字幕在线观看视频| 91麻豆精品国产高清在线| 毛片电影网| 亚洲第一色在线| 99久久精品国产麻豆| 国产成人啪精品| 免费国产在线视频| 亚洲 激情| 成人影院一区二区三区| 国产伦精品一区三区视频| 一 级 黄 中国色 片| 欧美国产日韩一区二区三区| 国产91精品露脸国语对白| 四虎影视库| 青青久久精品| 日韩av片免费播放| 日韩专区第一页| 精品国产香蕉伊思人在线又爽又黄| 一级女性大黄生活片免费| 九九免费精品视频| 九九九网站| 成人av在线播放| 99热热久久| 日日夜夜婷婷| 夜夜操天天爽| 青青青草影院 | 亚洲精品久久玖玖玖玖| 99色播| 午夜在线亚洲| 国产网站免费观看| 99久久精品国产国产毛片| 亚欧成人毛片一区二区三区四区 | 国产精品自拍在线| 91麻豆高清国产在线播放| 黄色短视频网站| 久久99中文字幕| 天天做日日爱夜夜爽| 日本在线播放一区| 日韩专区亚洲综合久久| 成人免费网站视频ww| 九九精品在线| 高清一级淫片a级中文字幕| 免费国产在线视频| 国产一区精品| 日韩专区在线播放| 国产高清在线精品一区a| 精品国产香蕉在线播出| 久草免费在线色站| 欧美激情一区二区三区视频高清| 国产网站免费观看| 日韩欧美一二三区| 精品视频在线观看一区二区三区| 欧美大片a一级毛片视频| 青青青草影院 | 亚欧成人毛片一区二区三区四区 | 天天色成人| 精品视频一区二区| 午夜久久网| 精品国产一区二区三区精东影业 | 欧美夜夜骑 青草视频在线观看完整版 久久精品99无色码中文字幕 欧美日韩一区二区在线观看视频 欧美中文字幕在线视频 www.99精品 香蕉视频久久 | 一级片片| 91麻豆精品国产片在线观看| 夜夜操天天爽| 青青久久国产成人免费网站| 国产激情一区二区三区| 欧美激情一区二区三区中文字幕| 亚洲女人国产香蕉久久精品| 精品久久久久久中文| 国产成人精品影视| 可以免费看污视频的网站| 999久久66久6只有精品| 精品国产一区二区三区精东影业| 国产极品白嫩美女在线观看看| 青草国产在线| 日本特黄特色aa大片免费| 一级女性大黄生活片免费| 日本免费乱理伦片在线观看2018| 一级片片| 日本久久久久久久 97久久精品一区二区三区 狠狠色噜噜狠狠狠狠97 日日干综合 五月天婷婷在线观看高清 九色福利视频 | 久久国产一区二区| 九九精品久久| 国产成人精品综合在线| 成人免费网站久久久| 91麻豆国产| 精品视频在线观看免费| 精品视频在线观看视频免费视频| 人人干人人草| 韩国三级香港三级日本三级| 99色视频在线观看| 久久久久久久久综合影视网| 成人高清护士在线播放| 国产一级强片在线观看| 精品国产亚洲一区二区三区| 日韩免费在线视频| 欧美1区| 国产视频一区二区在线观看| 久草免费在线视频| 国产91素人搭讪系列天堂| 一级毛片视频播放| 国产伦精品一区二区三区无广告 | 国产不卡高清在线观看视频| 高清一级毛片一本到免费观看| 精品久久久久久中文字幕2017| 国产欧美精品午夜在线播放|