본문 바로가기

최근글

최신 댓글

요소를 스타일링합니다. 마찬가지로 <h1>과 비슷한 속성을 가집니다.

by 라떼맛바닐라 2024. 4. 5.

위의 코드는 .entry-content 클래스 내의 <h1>, <h2>, <h3> 요소들을 스타일링하는 CSS 코드입니다. 각각의 부분을 해석해보겠습니다:

  1. .entry-content h1:
    • <h1> 요소를 스타일링합니다.
    • clear: both 속성을 사용하여 이전 요소들과의 부동 속성을 해제합니다.
    • margin 속성을 사용하여 위쪽에 29px, 아래쪽에 22px의 여백을 설정합니다.
    • font-size, line-height 속성을 사용하여 글자 크기와 줄 간격을 설정합니다.
    • color 속성을 사용하여 글자 색상을 지정합니다.
  2. .entry-content h3:
    • <h3> 요소를 스타일링합니다. 마찬가지로 <h1>과 비슷한 속성을 가집니다.
  3. .entry-content h2:
    • <h2> 요소를 스타일링합니다.
    • clear: both 속성을 사용하여 이전 요소들과의 부동 속성을 해제합니다.
    • margin 속성을 사용하여 위쪽에 60px, 아래쪽에 22px의 여백을 설정합니다.
    • font-size, line-height 속성을 사용하여 글자 크기와 줄 간격을 설정합니다.
    • color 속성을 사용하여 글자 색상을 지정합니다.
    • border-left 속성을 사용하여 왼쪽에 5.3px 두께의 실선 테두리를 만듭니다.
    • padding 속성을 사용하여 내부 여백을 설정합니다.
    • margin-bottom 속성을 사용하여 아래쪽 여백을 추가합니다.
     

이 CSS 코드는 특정 클래스(.entry-content) 내의 제목 요소들을 스타일링하는 것으로 보이며, 각 제목별로 다른 스타일을 적용하고 있습니다.

 
 

'디저트' 카테고리의 다른 글

황치즈버터바 맛  (0) 2024.04.05

댓글

최신글 전체

이미지
제목
글쓴이
등록일

모든 저작권은 전국대학연합 기획/컨설팅 동아리, 팔랑크스와 크루들에게 있습니다.

Copyright 2024. PHALANX all rights reserved.