16.05.26 clear,outline - govl2233/project_studyej GitHub Wiki

• wrapper

: 외곽선이 아니라 내가 선택한것을 보여주는거라박스내부에 포함된 역할

레이아웃할때 float로 하면 깨지기 때문에 outline으로 해야함.

float 의 다른 속성 clear

float 애들한테 가장 높이(height) 가 긴쪽 기준으로 밑에 붙겠다.

1. clear-left : float이 된 왼쪽에 높이가 긴 쪽으로 붙겠다.

2. clear-right : float이 된 오른쪽에 높이가 긴 쪽으로 붙겠다.

3. clear-both : left,right 중에 가장 긴 높이를 가진 쪽 기준으로 밑에 붙겠다.(마진을 줄거면 both말고 붙는쪽 속성에다가 넣기.)

• overflow:hidden; white-space:nowrap; text-overflow:ellipsis overflow넘어가는글안보이게해줌 nowwrap을 넣으면 줄바꿈이안됨 텍스트오버플로우 :글씨가 넘어갈때...으로 변경

• cascading

1. 저작자 : css 소스에다 직접입력
2. 명시도 :.class .id ---> class보다 id가 더 높다.

같은 레벨 소스상에서 css선언이 나중에 나올수록 순위가 높아짐

3. 우선순 : ex) p{color:#F0F !important} : 태그안에 !important를 주면 전부 무시하고 제일 세짐(자주사용하면절대안됨)