CSS 하는 법

또르르·2022년 2월 23일
0

style 태그

html document 안에서 style 태그 열고 css 안에 입력하기

font 크기

h2 {
	font-size: 72px;
    }

폰트 크기를 표현 할 수 있는 몇 가지 단위가 있는데 그 중 픽셀이 가장 많이 사용됨

h2 태그의 텍스트 크기를 72px로 하라

텍스트 정렬

글은 왼쪽, 가운데, 오른쪽으로 정렬할 수 있음

h1 {
text-align: left;
}

h2 {
text-align: right;
}

h3 {
text-align: center;
}

각 명령어

텍스트 색

h1 {
color: lime;
}

여백

margin 속성을 사용하면 요소 사이의 여백 설정 가능 여백의 크기도 픽셀 단위로 설정

h1 {
	margin-bottom: 80px;
    margin-left: 50px;
} 

margin-bottom 요소의 밑에 크기를 80px로 주어라

margin-left 요소의 왼쪽 여백 크기를 50px로 주어라

profile
소프트엔지니어 뉴키즈

0개의 댓글