CSS 필수 태그

시스템 폰트(OS 상관없이 모든 컴퓨터에 보편적으로 설치되어 있는 폰트) 사용하기

- 한글 : 돋움, 굴림

- 영어 : arial, verdana, sans-serif

 

폰트 굵기	font-weight : bold ;    (normal/bold)
폰트 기울기	font-style : italic ;     (normal/italic)
폰트 사이즈	font-size : 12px ;
줄간격	line-height : 1.6 ;
폰트 모양	font-family : “돋움”, arial ;
폰트 축약형	font : bold italic 12px/1.6 “돋움”,arial ;
폰트 색깔	color : #777 ;
문단들여쓰기	text-indent : 20px ;
문단 정렬	text-align : left ;  (left / center / right / justify)
글꾸밈	text-decoration : underline ; (underline / overline / line-through)

 

배경색	background-color : yellow ;
배경이미지	background-image : url(../images.flower.jpg) ;
배경이미지 반복	background-repeat : repeat ;  (repeat / no-repeat / repeat-x / repeat-y)
배경이미지 위치	background-position : 10px 5px; ( 가로, 세로)
배경 축약형	background : yellow url(../images.flower.jpg) no-repeat 10px 5px ;

 

넓이와 높이	width : 100px ;  height : 200px ;          (고정값px/퍼센트값%)
테두리	border : 1px solid #777 ;     (solid / dashed / dotted)
컨텐츠 넘침 처리	overflow : hidden ;    (visible / hidden / scroll / auto)
1.태그의 속성변경 2.태그의숨김/보이기	display : block ;     (none / block / inline / inline-block) display : block; (태그 보이게하기) /  display : none; (태그 숨기기)
바깥 여백	margin : 20px 5px 10px 0px (위/우/아래/좌 )
안쪽 여백	padding : 20px 5px 10px 0px (위/우/아래/좌)