CSS几种常见的样式污染

对于我们初学者来说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>

效果
CSS几种常见的样式污染_第1张图片

第一张图片里的白线被checkIn的格式所影响了,所以公共样式一般不要和其他样式混在一起使用

你可能感兴趣的:(css)