对于我们初学者来说CSS最怕的就是样式污染,我会将我遇到的样式污染不定期的整理到这篇文章中,欢迎关注。
1 公共样式和其他样式混用
CSS部分
.checkIn{
background-image: url("http://www.1milliondance.com/new1m/assets/img/visual/bg_howtoregister.jpg");
height: 972px;
width: 458px;
background-size:auto 979px;
background-position-x:center;
position: relative;
z-index: 0;
}
html部分
<div class="checkIn FL">
<div class="checkInin">
<h1 class="h11">课程登记方法</h1>
<div class="line"></div>
<p class="pp">如何申请课程登?</p>
<p class="pp">通过视频了解详情!</p>
</div>
</div>
</div>
<div class="timetable FL">
<h1 class="h11">课程表</h1>
<div class="line"></div>
<div>请输出详细课程表!</div>
</div>
<div class="vedio FL">
<h1 class="h11">观看视频</h1>
<div class="line"></div>
<p class="pp">1000万粉丝正在关注!</p></br>
<p class="pp">马上去Youtube观看视频。</p>
</div>
<div class="route FL">
<h1 class="h11">来访路线</h1>
<div class="line"> </div>
<p class="pp">1MILLION舞蹈工作室的门一直为大家敞开着!</p>
</div>
效果
第一张图片里的白线被checkIn的格式所影响了,所以公共样式一般不要和其他样式混在一起使用