팁스토리, Tips

■ CSS Display Image On Text (a tag) Hover Only CSS 태그 hover 시 이미지 미리보기 기능 css 로만 구현하기 ■ HTML & CSS Show Image

■ CSS 기본 테이블 테두리 한줄만 만들기 table border css ■ 기본 테이블 구조 (table) 구분 수량 A조 20 B조 35 C조 15 TOTAL 70 ■ 테이블 테두리 한줄만 나오게 하기 (table border css)

■ table 테이블 가로 스크롤, 왼쪽 첫번째 컬럼 세로 고정 순수 CSS로

■ CSS :not() 선택자 클래스 접근 방법 부정 CSS 가상 클래스로, 특정 선택 요소를 제외한 나머지 요소들의 스타일 적용 가능 ■ 문법 :not(selector) { style properties } ■ 사용법 * B를 제외한 A,C만 color:red; 적용됨 A B C :not() - CSS: Cascading Style Sheets | MDN 부정(negation) CSS 가상 클래스 :not(X)는 인수로 간단한 선택자(selector) X를 취하는 기능 표기법입니다. 인수로 표시되지 않은 요소와 일치합니다. X는 다른 부정 선택자를 포함해서는 안 됩니다. developer.mozilla.org

■ CSS 모서리 둥글게 처리 ■ 사용법 border-radius 선택저장

■ CSS input type으로 속성 선택자 (input type별 스타일 적용하기) input 셀렉터로 스타일을 적용하면 텍스트박스, 버튼, 라디오 버튼, 체크박스 버튼 등 모든 input 태그에 적용됨 ■ 사용법 input[type=타입] { /* 스타일 내용 */ } ■ 예제

IE Hack IE 6만 적용: 속성 앞에 언더바(_)를 붙임 IE 7만 적용: 속성 앞에 아스트릭크(*)를 붙임 IE 8만 적용: 속성 뒤에 \0/IE8을 붙임 IE 9만 적용: 속성 뒤에 \0/IE9를 붙임 IE 6, 7: 속성 앞에 마침표(.)를 붙임 IE 6, 7, 8: 속성 뒤에 \9를 붙임 IE 8, 9: 속성 뒤에 \0/IE8+9를 붙임 폰트의 구성 Windows XP에는 ‘맑은 고딕’이 없으므로 굴림, 돋움으로 표현된다. 폰트의 차이로 인해 font-size, line-height, width를 조정해야 하는 경우가 가장 빈번한 문제 중 하나이므로, 굴림, 돋움을 기본으로 사용하거나 고려되어야 한다. IE 6, 7 등 구형 브라우저에서 미지원 기능 IE 6, 7에서 inline-block을..