자주 쓰이는 CSS

정예빈·2022년 3월 31일

컨트롤 에스를 생활화 하자!

width : 가로길이
height: 세로길이

color: 글자색

background color: 배경색

background-image: url(이미지링크)
background-size : cover
background-position: center;
→ 백그라운드를 지정할때 무조건 따라오는 세줄!

border-radius: 10px
이미지 모퉁이를 둥글게 만들어줌!

padding: 안쪽여백
margin: 바깥여백

: 표기방법
margin: 20px (상하좌우 20px씩 간격을 둔다.)
margin: 20px 20px 20px 20px { 위 오 아래 왼 (시계방향) 순서로 간격을 둔다!)
margin: auto; (양쪽으로 땡길수 있는만큼 땡겨주세요라는 뜻. 구역을 중앙에 둘 때 사용)

폰트는 링크, 모두 head에 표기
'
'는 모든 곳의 폰트를 바꾸겠다는 의미!

주석달기 (컨트롤+/)
컴퓨터는 읽지않음, css,html,java script 냐에 따라 주석의 모양이 다르다.

profile
기회는 준비된 자에게 오는법

0개의 댓글