자주 쓰이는 CSS

HTML은 뼈대, CSS는 꾸미기, Javascript는 움직이기

CSS는 꾸미기의 기초로 자주 쓰이는 CSS에 대하여 알아보자.

 

배경관련

background-color

background-image

background-size

 

사이즈

width

height

 

폰트

font-size

font-weight

font-family

color

 

간격

margin -> 테두리와 이웃하는 요소 사이의 간격인 마진 영역의 크기를 설정하는 것

padding -> 내용과 테두리 사이의 간격인 패딩 영역의 크기를 설정하는 것

 

만약 Content를 해당 웹페이지 가운데다가 둘려면

div로 구역을 나눈 뒤, margin : auto로 둔 다음 사용할 수 있다.

예시로

margin: 20px(위) auto(오른쪽) 0px(아래) auto(왼쪽); ->센터에 두기

조금 더 자세히 알고 싶다면

http://www.tcpschool.com/css/intro

코딩교육 티씨피스쿨

tcpschool.com에 들어가 자세한 내용을 공부할 수 있다.