jiho__1010 jiho__1010

float으로 인한 영역깨짐(height:0) 방지법 float을 사용하면 height 값을 0으로 인식합니다. 깨지는 영역에 똑같이 float을 사용합니다.(X) 모든 영역에 float을 사용하게 되고 정확히 깨지는 영역을 알 수가 없습니다. float의 성질을 차단하는 clear:both를 사용합니다. (X) 깨지는 영역을 정확히 확인 할 수 없습니다. float을 사용한 부모박스한테 overflow:hidden을 사용합니다.(O)

CSS 단위 CSS 단위를 표현 하는 방법은 9가지가 있습니다. % - 기본 크기에 대한 비율 em - 글꼴 높이의 배수 ex - 소문자 높이의 배수 px - 픽셀, 단위를 생략할 때의 디폴트이다. pt - 포인트 pc - 파이카(12포인트와 같음) in - 인치 cm - 센티미터 mm - 밀리미터

margin 박스 요소의 바깥쪽 여백을 설정합니다. margin-top : 10px; - 요소의 위 바깥쪽 여백을 설정합니다. margin-right : 11px; - 요소의 오른쪽 바깥쪽 여백을 설정합니다. margin-bottom : 12px; - 요소의 아래 바깥쪽 여백을 설정합니다. margin-left : 13px; - 요소의 왼쪽 바깥쪽 여백을 설정합니다. margin : 10px 11px 12px 13px; - 위쪽/오른쪽/아래/왼쪽 margin : 10px 11px 12px; - 위쪽(10px)/왼쪽,오른쪽(11px)/아래(12px) margin : 10px 11px; - 위쪽,아래쪽(10px)/왼쪽,오른쪽(11px) margin : 10px; - 위쪽/오른쪽/아래/왼쪽(10px) marg..

white-space 스페이스와 탭, 줄바꿈, 자동줄바꿈을 처리할지 정하는 속성입니다. normal : 기본값, 공백을 여러개 넣어도 공백 1개만 표시되고, 글이 길어지면 텍스트가 자동 줄바꿈 됨니다. nowrap : 공백을 여러개 넣어도 1개만 표시되고, 텍스트가 길어도 줄바꿈 되지 않고 같은 줄에 계속 표시 된다. pre : 공백을 코드에 있는 그대로 표시한다. 태그처럼 행동하고, 코드에 줄바꿈이 없다면 줄바꿈이 되지 않는다. pre-wrap : 공백을 코드에 있는 그대로 표시함. 코드에 줄바꿈이 없어도 자동 줄바꿈이 된다. pre-line : 공백을 여러개 넣어도 1개만 표시된다. 코드에 줄바꿈이 없어도 자동 줄바꿈이 되며, 코드에 줄바꿈이 있을 때도 그대로 표시 된다.

text-align 텍스트 정렬 방식을 설정합니다. text-align: left; - 텍스트의 정렬을 왼쪽으로 설정합니다. text-align: right; - 텍스트의 정렬을 오른쪽으로 설정합니다. text-align: center; - 텍스트의 정렬을 양쪽으로 설정합니다. text-align: justify; - 텍스트의 정렬을 양쪽으로 설정합니다.

overflow 내용이 요소의 크기를 벗어났을 때 어떻게 처리할지를 정하는 속성입니다. visible : 박스를 넘어가도 보여줍니다. hidden : 박스를 넘어간 부분은 보이지 않습니다. scroll : 박스를 넘어가든 넘어가지 않든 스크롤바가 나옵니다. auto : 박스를 넘어가지 않으면 스크롤바가 나오지 않고, 박스를 넘어갈 때에는 스크롤바가 나옵니다.

background-repeat 백그라운드 이미지 반복 여부를 설정합니다. background-repeat : repeat(기본); - 이미지를 X축 Y축으로 반복 설정합니다. background-repeat : repeat-x; - 이미지를 X축으로 반복 설정합니다. background-repeat : repeat-y; - 이미지를 Y축으로 반복 설정합니다. background-repeat : no-repeat; - 이미지를 반복하지 않고 하나만 나오게 합니다.

CSS 색상 CSS 색상값을 표현 하는 방법은 7가지가 있습니다 #RRGGBB - 빨강, 초록, 파랑의 강도를 16진수 두 자리로 지정한다. 각 요소별로 256단계를 표현할 수 있으며 총 1600만 가지 색을 사용할 수 있다. #RGB - 빨강, 초록, 파랑의 강도를 16진수 두 자리로 지정한다. 색상 요소별로 16단계밖에 강도를 지정할 수 없어 잘 사용되지 않는다. rgb(r, g, b) - 빨강, 초록, 파랑의 강도를 0~255 범위의 정수로 지정한다. rgba(r, g, b, a) - rgb값 외에 투명도를 지정하는 알파를 0~1 사이의 실수로 지정한다. 0은 투명한 색이며 1은 불투명, 0.5는 반투명이다. hsl(h, s, l) - 색상, 채도, 명도로 색상을 지정한다. 채도는 0~356 사이의..