HTML (css样式规范)必看篇

时间：2017-04-09

当你写的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

  • 共5页:
  • 上一页
    • 5/5下一篇
    上一篇：浅谈HTML代码中的空格和空行 下一篇：详解CSS3浏览器兼容

    相关文章

    最新文章

    Copyright © 2022-2023 HTML5模板网 版权所有并保留所有权