CSS속성 2

[CSS] margin, padding 설정 하기 (한줄로 적기 순서)

margin과 padding에 값을 넣는 방법들을 살펴보자.1.한번에 입력margin: 10px; /*상하좌우 전체다 같은값*/2.하나하나 지정해주기margin-top: 10px;margin-right: 5px;margin-bottom: 0px;margin-left: 10px;3.한줄로 하나하나 지정해주기 (상,우,하,좌)한줄로 적을때 순서는 '상'부터 시작해서 시계방향으로 설정해준다.margin-top: 10px, 5px, 0px, 10px; /*상,우,하,좌*/4.한줄로 지정해주기 단축 (상하,좌우)margin-top: 10px, 5px; /*상하,좌우*/5.한줄로 지정해주기 단축2 (상,좌우,하)margin-top: 10px, 0px, 5px; /*상,좌우,하*/padding도 마찬가지로 적용된다...

CSS 2025.01.07

[CSS] Font-weight (글씨 굵기) 속성 자세히 알아보기

CSS font-weight 글씨 굵기CSS font속성중 weight는 글씨의 굵기(웨이트)를 설정합니다.예제 See the Pen Untitled by 날개를달다 (@pmdgstri-the-flexboxer) on CodePen. 기본적으로 normal과 Bold 두가지를 많이 사용합니다.그리고 숫자 100부터 900까지의 100단위로 속성이 있는데400은 normal과 700은 bold와 같은 굵기 입니다.현재 예제에서는 아무리 숫자를 바꿔도 normal과 bold 두종류 밖에 설정되지 않습니다.그 이유는 글꼴마다 지원하는 굵기가 정해져 있기때문입니다.더 얇은 굵기나 더 굵은 굵기를 지원하는 글꼴을 따로 찾아서 적용해야 100~900사이의 숫자가 의미가 있습니다.특수한 경우 ..

CSS 2025.01.06