프로그래밍/CSS (4) 썸네일형 리스트형 CSS white-space 공백 처리 방법 정하는 속성 배우기 게시판 리스트 화면에서 타이트을 만들때 타이틀 내용이 길어 곤란할때 ... 처럼 보이거나 할때 사용한다. white-space는 스페이스와 탭, 줄바꿈, 자동줄바꿈을 어떻게 처리할지 정하는 속성이다 우선 white-space의 옵션값은 아래와 같다. white-space: normal | nowrap | pre | pre-wrap | pre-line | initial | inherit normal, nowrap, pre, pre-wrap, pre-line : 아래 표 참고 initial : 기본값으로 설정합니다. inherit : 부모 요소의 속성값을 상속받습니다. 스페이스와 탭1 줄바꿈2 자동 줄바꿈3 normal 병합 병합 O nowrap 병합 병합 X pre 보존 보존 X pre-wrap 보존 보존.. jQuery 셀렉터 http://flapping.tistory.com/category/HTML/CSS 이분 블로그에서 퍼왔습니다. 기본 셀렉터* : 모터 엘리먼트와 일치E : 태그명이 E인 모든 엘리먼트와 일치E F : E의 자손이면서 태그명이 F인 모든 엘리먼트와 일치E>F : E의 바로 아래 자식이면서 태그명이 F인 모든 엘러먼트와 일치E+F : E의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 F와 일치E~F : E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F와 일치E:has(F) : 태그명이 F인 자손을 하나 이상 가지는 태그명이 E인 모든 엘리먼트와 일치E.C : 클래스명 C를 가지는 모든 엘리먼트 E와 일치, E의 생각은 *.C와 동일함E#I : 아이디가 I인 엘리먼트 E와 일치. E의 생략은 *#I와 동일.. background-position 속성관련 > 속성값left top 왼쪽 상단left center 왼쪽 중앙left bottom 왼쪽 아래right top 오른쪽 상단right center 오른쪽 중앙right bottom 오른쪽 아래center top 가운데 상단center center 정 가운데center bottom 가운데 아래 > 사용법 1body {background-image : url('이미지주소.jpg');background-repeat : no-repeat;background-position : right top;} > 사용법 2 (이미지를 여러개 사용할경우)body {background-image : url('이미지주소1.jpg'), url('이미지주소2.jpg');background-repeat : no-repeat;backg.. sytle="cursor:hand" 마우스포인터표시하기 sytle="cursor:hand" 이것은 explorer 에서 문제 없이 사용하던 태그였다. 버튼에 마우스를 댔을 때 손가락 모양으로 바뀌게하는 그 태그.. 그러나.... 파이어폭스에서는 먹히지 않았다 ㅠ 다른문제인가 찾아봤지만.... 문제될 태그가 없었다.. 혹시나 하며 브라우저 창을 보는순간......... 아차.........설마... 역시나 그 문제였다 파이어폭스에서는 그 태그가 먹히지 않는것이였다 ㅠㅠ 해결방법은 ? style="cursor:pointer" 이다. 표준은 hand 가 아닌 pointer 이다. 이전 1 다음