网页使用CSS样式的方法有多重，下面简单介绍一下：将样式直接写在标签之内，例如：蚂蚁部落 此中方式的优点是使用灵活，但是缺点也很明显，比如不能够统一管理样式，容易造成页面体积庞大等等问题。
创新互联建站专业为企业提供伊通网站建设、伊通做网站、伊通网站设计、伊通网站制作等企业网站建设、网页设计与制作、伊通企业网站模板建站服务，十年伊通做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
总结：覆盖样式，先看下框架css的层次，依据框架层次自己写个不同名的class样式，样式内含有你需要覆盖的规格key要对，然后自己改想要的value。把自己写好的class样式名写到你需要覆盖的框架样式后面就能实现覆盖了。
其实css的样式来源有5个，开发人员只能接触到后面3个。
最典型的应用比如页脚的版权信息等内容可以放在一个叫做footer.html文件里， 然后其他页面文件在页面内容的最后包含这个文件就可以了，具体例子下面有。
1、样式后面加！important，该样式获取最高优先级，内联样式不能加！important属性。样式相同的谁在下面执行谁（样式的覆盖）。
2、将一个p覆盖在另一个p上有两种手段：一是设置margin为负值，二是设置绝对定位。
3、总结：覆盖样式，先看下框架css的层次，依据框架层次自己写个不同名的class样式，样式内含有你需要覆盖的规格key要对，然后自己改想要的value。把自己写好的class样式名写到你需要覆盖的框架样式后面就能实现覆盖了。
4、如果脚本里用到了object.style.xxxx=xxx的话，那你只能再用脚本修改，如果脚本是用document.write输出的话，important 应该可以优先于内联样式。
5、接着我们看样式所带来的效果，接着开始设置点击按钮会产生变化颜色等交互效果。首先，自然是指定好触发变化颜色的事件，可以是经过触发等，这里我就点击即可触发颜色变化。用css()便可以覆盖原来元素的样式了哦。
div覆盖着另一个div，是因为其中一个或者两个脱离了文档流。
CSS里给一个DIV加上浮动以后，下面的DIV就把它覆盖是设置错误造成的，解决方法为：新建一个html文件，命名为test.html。在test.html文件内，创建两个div，分别为“第一层”和“第二层”。
div层元素之间的覆盖可以用‘z-index属性’或‘定位属性’来解决。这种情况一般是由于定位或设置浮动属性产生的。你可以根据实际情况来做相应的修改。同时你也可以上网查找一下“定位属性”和“浮动”的资料。
background-color：rgba(0，0，0，0.1)；然后创建一个html文件。
首先新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建图层1，同时设置div的class为div1，主要用于下面通过该class来设置css样式。
而下面 .my-complex .my-content的样式内容是覆盖掉框架的.item-complex .item-content中padding的规格，而其他规格没写则还是以框架原有的规格显示。图标大小可以用font-size来调整。
