css 我第一次使用边界元法，需要帮助，对吗？

j0pj023g 于 2023-02-10 发布在其他

关注(0)|答案(1)|浏览(143)

这是我第一次尝试使用边界元法，我不确定我是否做对了。有什么需要我改变的吗？

<body>
    <div class="wrapper">
        <main class="main">
            <div class="main__content content">
                <div class="content__item content1">
                    <div class="content1__cirkel">
                        <img class="content1__image" src="bilder/1545876271475.jpg" alt="Saigon">
                    </div>

                    <div class="content1-info">
                        <p class="content__text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
                            been the industry's standard dummy text ever since the 1500s.</p>
                    </div>
                </div>

                <div class="content__item content2">
                    <div class="content2__cirkel">
                        <img class="content2__image" src="bilder/21336448-81d8-4643-a1b9-1545d08172de.jpg" alt="Ha Long Bay">
                    </div>

                    <div class="content2-info">
                        <p class="content__text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
                            been the industry's standard dummy text ever since the 1500s.</p>
                    </div>
                </div>

                <div class="content__item content3">
                    <div class="content3__cirkel">
                        <img class="content3__image" src="bilder/big-hand-ang-golden-bridge.jpg" alt="Hand Bridge">
                    </div>

                    <div class="content3-info">
                        <p class="content__text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
                            been the industry's standard dummy text ever since the 1500s.</p>
                    </div>
                </div>
            </div>
        </main>
    </div>
</body>

我试着阅读有关它，并试图告诉自己，如果我这样做是正确的，但我希望一个专业人士这样做以及。

css

来源：https://stackoverflow.com/questions/75391804/i-need-help-my-first-time-using-bem-is-this-correct

1条答案

按热度按时间

bnlyeluc1#

1.使用双连字符分隔块名和元素名
1.使块名称更具描述性，例如，不清楚内容是什么，但使用卡片或文章会更好
1.名称要一致，不要使用content1、content2、content3等。

<body>
  <div class="wrapper">
    <main class="main">
      <div class="main__content content">
        <div class="content__item card">
          <div class="card__circle">
            <img class="card__image" src="bilder/1545876271475.jpg" alt="Saigon">
          </div>

          <div class="card__info">
            <p class="card__text">
              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
          </div>
        </div>

        <div class="content__item card">
          <div class="card__circle">
            <img class="card__image" src="bilder/21336448-81d8-4643-a1b9-1545d08172de.jpg" alt="Ha Long Bay">
          </div>

          <div class="card__info">
            <p class="card__text">
              Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
          </div>
        </div>

        <div class="content__item card">
          <div class="card__circle">
            <img class="card__image" src="bilder/big-hand-ang-golden-bridge.jpg" alt="Hand Bridge">
          </div>

          <div class="card__info">
            <p class="card__text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
          </div>
        </div>
      </div>
    </main>
  </div>
</body>

赞(0）回复(0）举报 2023-02-10

我来回答

css 我第一次使用边界元法，需要帮助，对吗？

1条答案

相关问题

热门标签

最新问答