web前台入门到实战：css的核心原理分为优先级准则与继承准则两大部分
css原理：1.优先准则=>后解析的内容会覆盖之前解析的内容（所谓解析就是读取的css样式）2.继承准则=>嵌套里面的标签拥有外部标签的某些样式，子元素可以继承父元素的属性
1》优先准则针对选择器：a.同一个选择器从上往下读取执行css样式 b.同一类选择器从上往下执行 c.不同类型的选择器优先级，先执行低优先级再执行高优先级，比如基本选择器就是从*通配符<标签div<class选择器<id选择器 d.外部样式与内部样式合并之后再一起执行，根据从上往下执行顺序读取 e.内联样式也就是行内样式是最后执行的 f.加了！important字段是最后执行的
2》继承准则：2.1跟文字样式相关的可以被继承/其余的不能继承 2.2块级元素的宽度假如不设置会继承父元素的宽度，高度取决于它的内容
专门建立的学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停升级最新的教程和学习技巧（从零基础开始到前台项目实战教程，学习工具，全栈开发学习路线以及规划） 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>css的核心原理分为优先级准则与继承准则两大部分</title> 7 <!-- 优先准则针对选择器：a.同一个选择器从上往下读取执行css样式 8 b.同一类选择器从上往下执行 c.不同类型的选择器优先级，先执行低优先级再执行高优先级，比如基本选择器就是从*通配符<标签div<class选择器<id选择器 9 d.外部样式与内部样式合并之后再一起执行，根据从上往下执行顺序读取 e.内联样式也就是行内样式是最后执行的 f.加了！important字段是最后执行的 -->10 <style type="text/css">11 div{12 /* color:#f90; */13 color:#f90 !important;14 }15 /* div{ 16 color:red; 17 } 18 .box1{ 19 color: yellowgreen; 20 } 21 #box2{ 22 color: violet; 23 } */24 </style>25 <link rel="stylesheet" href="demo2.css"><!--新建demo2.css,文件内容div{color: blue;}-->26 </head>27 <body>28 <!-- <div class="box1" id="box2">我想起那天下午在夕阳下的奔跑,那是我逝去的青春</div> -->29 <div style="color: skyblue;">我想起那天下午在夕阳下的奔跑,那是我逝去的青春</div>30 </body>31 </html>说明
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
7. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » web前台入门到实战：css的核心原理分为优先级准则与继承准则两大部分
1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
7. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » web前台入门到实战：css的核心原理分为优先级准则与继承准则两大部分
