• CSS样式特点及优先级


    一、继承

    1、子样式会继承父样式,

    例如:给P标签里的内容加样式,可直接在body标记直接添加样式。

    二、层叠

    1、【css 就近原则】后面的样式,会优先覆盖前面的样式、【!important】会优先应用前面的样式。注:IE6不支持【!important】

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
      <style text="text/css">
     li{color:black; font-size:20px; background-color:#F00; list-style-type:none; font-family:微软雅黑  !important;}
     p{color:blue; background-image:url(../%E8%A1%A8%E6%A0%BC/imges.jpg);}
     span{background:#0F0;}
      </style>
     <body >
     <div align="center">
      <li><span> 硅谷趋势</span>:如何用Uber和Airbnb的模式改变一切</li>
      <p >360安全卫士百度壁纸鲁大师迅雷暴风影音</p>
      <p>计算机回收站激活工具有道词典宽带连接安全浏览器</p>
      <p>中文网视频优酷网爱奇艺汽车之家</p>
     </div>
    </head>
    
    <body>
    </body>
    </html>
    
  • 相关阅读:
    Flexbox布局(转)
    css兼容性
    本地存储 localStorage/sessionStorage/cookie
    正则去掉字符串空格
    ajax请求成功或失败的参数
    怎样实现页面跳转和刷新
    new Date()时间对象
    列车时刻表查询 jqm/ajax/xml
    jquery mobile 学习总结
    响应式学习总结
  • 原文地址:https://www.cnblogs.com/boyblog/p/4574981.html
Copyright © 2020-2023  润新知