CSS 폰트 스타일과 엘리먼트 정렬방법

skyier·2023년 9월 26일
0

CSS

목록 보기
3/9

폰트 스타일

css로 다양한 폰트 스타일을 지정 할 수 있다.

font-size : 폰트크기
font-style : italic 기울기 등의 스타일
font-weight : 폰트 굵기 (100 ~ 900)
text-align : 폰트 정렬 (left, right 등)
letter-spacing : 폰트 간격
line-height : 줄 간격


엘리먼트의 정렬 방법

1. display: block

부모 엘리먼트의 넓이를 모두 차지한다
div, p nav등 대부분 엘리먼트의 기본값

2. display: inline-block

컨텐츠에 필요한 만큼만 넓이를 갖는다.
button, input등의 기본 값

3. display: inline

컨텐츠에 필요한 만큼만 넓이를 갖는다.
span, a등의 기본 값

엘리먼트가 width, height 속성을 가질 수 없다
y축 padding, margin이 적용 되지 않는다.
레이아웃용으로 적합하지 않다.
주로 텍스트를 처리하는 엘리먼트의 기본 값

4. display: none

화면에 나타나지 않는다.

0개의 댓글

관련 채용 정보