大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
浏览器是有默认样式的
创新互联是一家专业提供兴山企业网站建设,专注与网站制作、做网站、HTML5、小程序制作等业务。10年已为兴山众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
不同浏览器对于相同元素的默认样式并不一致,这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0};
不过现在说的可不只是这些。基本上,不同内核的两个浏览器在某些元素的表现都会存在差异,比如缩进的大小、字体选择、字符样式等。也许一个很漂亮的CSS样式表在一个浏览器上表现良好,在另外一个浏览器上即使是没有CSS Bug的情况也会变得结构混乱起来,我都是浏览器默认样式在作怪。
因此,我们在生成CSS样式规则的时候,一个必做的步骤就是重设浏览器的默认样式,也就是覆盖掉浏览器的默认样式。和使用 * {padding:0;margin:0}有所不同,并不是所有的元素都存在padding和margin的差异(元素列表、有序列表在Internet Xplorer和Firefox中的不同是由于它们的缩进采用了margin缩进和padding缩进)。
问题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,绝对更不可取。
style type="text/css"
a{ text-decoration: none; color: blue; }
.my_a{ text-decoration: none; color: blue }
#myA{ text-decoration: none; color: blue }
/style
以上三种是在样式表里面的写法,区别是选择器不同,依照需要用不同的选择器
a class="my_a" id="myA" href="" style="text-decoration: none; color: blue;"/a
这个是直接在链接上写
从这里看可能情况有两种:
1. css 顺序的问题
2. 你想重设得换个 css 选择器才有办法重设
如果还不懂可以私信我
只会有一个生效,离css样式表底部最接近的生效
#test{
color:white;
}
#test{
color:red;
}
#test{
color:black;
}
只有 color:black 生效