1. width , height
가로크기를 제어하는 width , 높이를 제어하는 height
ex) width:500px; height:400px;
2. margin , padding
영역의 바깥 여백을 제어하는 margin , 내부 여백을 제어하는 padding
ex)
margin-left:10px; 왼쪽에서 10px여백
margin-right:10px; 오른쪽에서 10px 여백
margin-top:10px; 위쪽에서 10px 여백
margin-bottom:10px; 아래쪽에서 10px 여백
margin:10px; 4방향 모두에서 10px 여백
margin:5px 10px; 상하여백은 5px , 좌우여백은 10px
margin:10px 5px 4px 3px; 위,오른쪽,아래,왼쪽 순서대로
(padding도 동일)
3. float , text-align
div의 정렬을 제어하는 float 속성 , div안에 있는 이미지나 텍스트의 정렬을 제어하는 text-align 속성
ex)
float:left; div들을 왼쪽 정렬
float:right; div들을 오른쪽 정렬
clear:both; 정렬의 끝맺음
text-align:left; 텍스트나 이미지를 왼쪽 정렬
text-align:center; 텍스트나 이미지를 가운데 정렬
text-align:right; 텍스트나 이미지를 오른쪽 정렬
4. font
폰트를 꾸미는 font 속성
ex)
font-size:12px; 폰트 크기 제어
font:#ffcc00; 폰트 색상 제어
font-family:돋움; 글씨체 제어
font-weight:bold; 폰트 두껍게
font-style:italic; 폰트 기울기
text-decoration:underline; 폰트 밑줄 넣기
text-decoration:line-through; 폰트 취소선 넣기
text-decoration:overline; 폰트 윗줄 넣기
letter-spacing:20; 폰트 자간 제어
word-spacing:20; 폰트 띄어쓰기 간격 제어
'CSS' 카테고리의 다른 글
| CSS 링크 , 리스트 (0) | 2020.04.07 |
|---|---|
| CSS 기본 속성 - 텍스트 , font (0) | 2020.04.07 |
| CSS 기본 속성 - 색 , 배경 (0) | 2020.04.07 |
| CSS 적용 (0) | 2020.04.07 |
| CSS 문법, 선택자 (0) | 2020.04.07 |
