CSS 정리

LeeKyungwon·2024년 3월 7일
0

프론트엔드 

목록 보기
2/56
post-custom-banner

CSS

태그에 CSS를 적용하려면 style이라는 속성을 사용한다.

<div style="CSS 속성 이름 : 속성 값">

여러 속성들을 넣어줄 때는 세미콜론(;)을 붙이고 계속 적어주면 된다.

background-color : 배경색
color : 글자색
font-family : 글꼴
font-size : 글자 크기
font-weight (100단위로 100~900) : 글자 굵기
text-align : 정렬 (left, right, center)
width : 너비
height : 높이
padding : 안쪽 여백
padding: 40px 20px -> 세로, 가로 순서
margin : 바깥 여백
padding: 0 auto -> 세로로는 여백 없음, 가로로는 알아서 여백 채움

font-family: Arial, AppleGothic, 돋움, sans-serif

-> Arial을 적용할 수 없는 경우에는 AppleGothic 적용, AppleGothic이 없는 경우에는 돋움 적용, 돋움이 없는 경우에는 sans-serif가 적용된다는 의미이다.

웹 폰트

구글 폰트

link 태그 : 외부에서 데이터를 가져오는 태그
사용법 : 구글 폰트에서 폰트 선택 후 link 태그를 복사해서 head 안에 붙여넣은 후 font-family에 적용해주면 된다.

post-custom-banner

0개의 댓글