스타일 재설정 기술 마스터하기

소개

이 랩에서는 all 속성을 사용하여 모든 스타일을 기본값으로 재설정하는 개념을 탐구합니다. 이 랩을 마치면, 상속된 스타일과 상속되지 않은 스타일 모두를 원래 값으로 재설정하기 위해 이 속성을 사용하는 방법에 대한 명확한 이해를 갖게 될 것입니다. 이를 통해 각 속성을 개별적으로 재설정하지 않고도 요소의 스타일을 빠르고 쉽게 재설정할 수 있습니다.

이것은 가이드 실험입니다. 학습과 실습을 돕기 위한 단계별 지침을 제공합니다.각 단계를 완료하고 실무 경험을 쌓기 위해 지침을 주의 깊게 따르세요. 과거 데이터에 따르면, 이것은 초급 레벨의 실험이며 완료율은 100%입니다.학습자들로부터 96%의 긍정적인 리뷰율을 받았습니다.

모든 스타일 재설정

index.html 및 style.css는 이미 VM 에 제공되었습니다.

모든 스타일을 기본값으로 재설정하려면 all 속성을 사용하십시오. 이 속성은 direction 및 unicode-bidi 속성에는 영향을 미치지 않습니다. 다음은 이를 사용하는 예입니다.

<div class="reset-all-styles">
  <h5>Title</h5>
  <p>
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure id
    exercitationem nulla qui repellat laborum vitae, molestias tempora velit
    natus. Quas, assumenda nisi. Quisquam enim qui iure, consequatur velit sit?
  </p>
</div>

.reset-all-styles {
  all: initial;
}

오른쪽 하단 모서리에 있는 'Go Live'를 클릭하여 포트 8080 에서 웹 서비스를 실행하십시오. 그런 다음 Web 8080 탭을 새로 고쳐 웹 페이지를 미리 볼 수 있습니다.

요약

축하합니다! 모든 스타일 재설정 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.