css 样式重定义的问题
问题1、页面A导入了页面B的样式表，又在自己的样式表里对页面A样式表里某个类增加或改变了一个属性，但页面B并没有导入页面A的样式表，这种方式是否规范呢？？？
问题2、一个网站有十张页面，我给每张页面单独建一个样式文件好，还是把所有页面的样式写在同一个样式表里好些呢？，哪种形式效率速度快呢？？
问题1，很显然是不合理的，增加一个属性可以，改变就不行。如果硬要这样做，可以采取细一点的方式，例如为a定义一个样式： .apage a 和 .bpage a 在A页面是<div class="apage"><a ...>...</a></div> 而在B页面 则是 <div class="bpage"><a ...>...</a></div>
问题2，尽量将所有的样式表都放在一个单独的CSS文件里，网站所有的页面都调用这一个文件。要明白，CSS、HTML 都不是运行程序，而只是代码，效率和文件的大小有很直接的关系，如果10个页面10个CSS，明显的没有达到这样的目的。
浏览器打开一个页面时，同时也下载了CSS到IE的临时文件夹中（除非CSS不是一个单独的文件），再打开其他页面，如果引用的是同一个CSS，就不会再进行下载。显而易见，下载10个文件要比下载1个文件效率低得多，即使这1个文件比10文件加起来还大。
回复楼下的看法：一个网站的所有页面不可能有非常多的区别，况且CSS是在客户端执行，完全不涉及到服务端，况且浏览器是先看样式名，再根据样式名去查找相符合的样式。不是把所有的样式都遍历一次，你所说的打开页面慢、CUP频率高貌似不大可能出现。即使有，那也不是因为样式表很大的缘故，即使是因为样式表非常大，这样的影响也小到可以忽略，即使明显，也只是在客户端，和客户机有较大关系，对服务端不会造成任何压力。
如果你很不喜欢这样的方式，至少可以把布局大致相同的页面引用某一个CSS，完全不相同的引用另一个CSS。但是一个页面一个CSS，绝对更不可取。
问题2，尽量将所有的样式表都放在一个单独的CSS文件里，网站所有的页面都调用这一个文件。要明白，CSS、HTML 都不是运行程序，而只是代码，效率和文件的大小有很直接的关系，如果10个页面10个CSS，明显的没有达到这样的目的。
浏览器打开一个页面时，同时也下载了CSS到IE的临时文件夹中（除非CSS不是一个单独的文件），再打开其他页面，如果引用的是同一个CSS，就不会再进行下载。显而易见，下载10个文件要比下载1个文件效率低得多，即使这1个文件比10文件加起来还大。
回复楼下的看法：一个网站的所有页面不可能有非常多的区别，况且CSS是在客户端执行，完全不涉及到服务端，况且浏览器是先看样式名，再根据样式名去查找相符合的样式。不是把所有的样式都遍历一次，你所说的打开页面慢、CUP频率高貌似不大可能出现。即使有，那也不是因为样式表很大的缘故，即使是因为样式表非常大，这样的影响也小到可以忽略，即使明显，也只是在客户端，和客户机有较大关系，对服务端不会造成任何压力。
如果你很不喜欢这样的方式，至少可以把布局大致相同的页面引用某一个CSS，完全不相同的引用另一个CSS。但是一个页面一个CSS，绝对更不可取。
温馨提示：内容为网友见解，仅供参考
第1个回答 2010-03-24
回答问题1：CSS里头样式是叠加的，也就是说你看到的最后的效果，是你重复定义后叠加的效果，所以你A导B 的样式在增加属性是可以的，但是管理会很乱。
回答问题2：十几个页面的网站，如果选你的某个做答案都不太全面，现在普遍是这么做的，把一些页面通用的部分定义一个 功用的CSS（比如头、尾、字体等） ，然后每个也面 在有个独立的CSS 这样方便统一管理和维护。
回答问题2：十几个页面的网站，如果选你的某个做答案都不太全面，现在普遍是这么做的，把一些页面通用的部分定义一个 功用的CSS（比如头、尾、字体等） ，然后每个也面 在有个独立的CSS 这样方便统一管理和维护。
第2个回答 2010-03-22
页面A导入了页面B的样式表，又在自己的样式表里对页面A样式表里某个类增加或改变了一个属性，但页面B并没有导入页面A的样式表，这种方式是否规范呢？？？你的A样式表跟B样式表里的样式肯定不一样了，所以你在A里写了就不用再弄到B里去了呀。
问题2
有十几个页面的站，你可以先把他们大概的分一下，比如说首页，产品页，用户中心页，那么CSS就可以根据这个分类来分了，至于效率速度方面，现在一般不会受到影响吧，现在的网速都很快啦！
希望能帮助到你~~
问题2
有十几个页面的站，你可以先把他们大概的分一下，比如说首页，产品页，用户中心页，那么CSS就可以根据这个分类来分了，至于效率速度方面，现在一般不会受到影响吧，现在的网速都很快啦！
希望能帮助到你~~
第3个回答 2010-03-23
问题1：
如果你的A样式里修改和增加的ID或者CSS的样式在页面B中没有，那就没问题
问题2：
如果十几张页面的基本布局相同，就是说导航，banner， footer都一样，那可以设置一个全局的css，这个全局的css只定义导航，banner,footer 然后每个页面引用这个全局的CSS文件即可！ 然后在每个页面不同的部分单独为每个页面定义独立的css文件！这样做的好处是方便日后维护和更新。
对于二楼的看法：说把所有的css写在一个文件里，这样的做法是不可取的，第一不易于维护和更新，第二这样做确实只要下载一次，看第个页面的dom都不相同，浏览器要判断当前页面哪些CSS可用，哪些CSS不可用，如果一个页面比较复杂，CSS效果较多，那么在打开该页面的时候会很慢，CPU频率也会很高
如果你的A样式里修改和增加的ID或者CSS的样式在页面B中没有，那就没问题
问题2：
如果十几张页面的基本布局相同，就是说导航，banner， footer都一样，那可以设置一个全局的css，这个全局的css只定义导航，banner,footer 然后每个页面引用这个全局的CSS文件即可！ 然后在每个页面不同的部分单独为每个页面定义独立的css文件！这样做的好处是方便日后维护和更新。
对于二楼的看法：说把所有的css写在一个文件里，这样的做法是不可取的，第一不易于维护和更新，第二这样做确实只要下载一次，看第个页面的dom都不相同，浏览器要判断当前页面哪些CSS可用，哪些CSS不可用，如果一个页面比较复杂，CSS效果较多，那么在打开该页面的时候会很慢，CPU频率也会很高
第4个回答 2021-04-27
Vue实践-CSS样式position/display/float属性对比使用
相似回答
