CSS 기본 2(꾸미기)

1. 테두리(border)

1) 종류 : border-style

2) 둥글게 : border-radius

3) 색 : border-color

4) 굵기 : border-width

2. 배경(background)

1) 이미지 넣기(배경1은 너비 100%, 배경2는 200%로)

background-image: url('배경1.png'), url('배경2.png');

background-size: 100%, 200%;

2) 패턴화

background-repeat: repeat/no-repeat/repeat-x(가로로 반복)/repeat-y(세로로 반복)

3) 위치 정하기

background-position: 0px 50%(x축 위치 y축 위치 순)

4) 고정시키기(

background-attachment: scroll/fixed(스크롤 내려도 위에 남아있음)

3. 문자 꾸미기

1) 글자 크기 : font-size

2) 글씨체 종류

폰트: font-family: 'Times New Roman', Arial

필기체: font-style: italic

굵기: font-weight: bold

3) 글자 높이: line-height

4) 정렬

text-align: left/center/right

4. 태그 위치 설정

[1] 상대 or 절대 위치(position)

1) static: 위에서 아래 순서로

2) relative: 초기 위치 기준으로 상하좌우로 이동

3) absolute: 절대적 위치 좌표로

4) fixed: 절대적 위치 좌표로(화면 기준으로)

[2] 영역 벗어나는 부분 처리(overflow)

overflow: hidden/scroll(스크롤로 보이게)

overflow-y: scroll (아래로만 스크롤 달리게)

5. 색상 가져오기

컬러picker

http://www.w3schools.com/colors/colors_picker.asp

그레이디언트

http://www.colorzilla.com/gradient-editor/