在一张网页中怎样让不同的css间不混用,比如两个不同的css中包含了相同的css属性名称,导致页面混乱.

html-css027

在一张网页中怎样让不同的css间不混用,比如两个不同的css中包含了相同的css属性名称,导致页面混乱.,第1张

用闭包。

用一个页面中的最外层的class样式名称包起来。就比如：

<body class="styleOne">

<div class="styleTwo"></div>

</body>

样式调用时：.styleOne .styleTwo{ ...}

具体不知道可以再问。

@media screen 这个可以让你在不同的分辨率下显示不同的样式

举例

.abc{width:1200pxmargin:0 auto}

@media screen and (max-width:1200px){

.abc{width:100%}

}

上面的代码，abc盒子的宽度是1200px，但是有时候浏览我们网页客户浏览器只有1024像素，所以我们设置@media screen，当浏览器max-width:1200px，最大宽度小于1200px时候，执行.abc{width:100%}，这个时候abc盒子的宽度就是1024像素