웹마스터 팁

  2. Support
  3. 웹마스터 팁

UX를 편리하게 하기 위한 7 CSS 팁

2014.08.07 15:24

gamgak2895

7 Quick CSS Enhancements for Better User Experience

1. Change Text Highlight Color
 - Firefox, Opera, and Safari에서만 됨
::selection { background:#c3effd; color:#000; /* Safari and Opera */ }
::-moz-selection { background:#c3effd; color:#000; /* Firefox */ }

2. Prevent Firefox Scrollbar Jump
 - Firefox용
html { overflow-y:scroll; }

3. Rounded-Corner Elements
input { -moz-border-radius:10px; -webkit-border-radius:10px; }

4. Print Page Breaks
.page-break { page-break-before:always; }

5. Attribute-Specific Icons
a[href$='.pdf'] { padding:0 20px 0 0; background:transparent 
url(/graphics/icons/pdf.gif) no-repeat center right; }

6. CSS Pointer Cursors
input[type=submit],label,select,.pointer { cursor:pointer; }

7. display:block Links
#navigation li a { display:block; }

[참조사이트]
Tags : css, ux
이 게시물을
좋아요
목록
제목 글쓴이 날짜
코어 수정 없이 스킨 수정만으로 게시판 목록에 유튜브,비메오 썸네일 출력 [2] foret 2014.02.23
스케치북5 모바일 댓글 작성시 엔터를 쳤을 때 <br /> 코드 뜨는 문제 해결 [7] oryan 2014.02.23
게시판 목록의 new 아이콘 바꾸기 [1] foret 2014.02.23
게시판 목록에서 새창 띄워서 다른 형태 나오게 하기 [3] foret 2014.02.23
위젯 게시판 선택시 다중선택하기 ! [2] file GomSang 2014.02.21
XE 1.7.4 "이메일 주소로 계정 찾기" 오류 해결 방법 꿈돌리 2014.02.20
누리고 쇼핑몰 모바일버전에서 백지화현상 수정하는 팁 [5] garnecia 2014.02.19
IEXPLORER 버젼 호환성 강제 맞추기 davidis 2014.02.18
1.7.4 버전용 한글 lang.xml 파일 [5] file 투씨 2014.02.18
1.7.4 용 youtube, vimeo, ted 썸네일 적용 document.item.php 수정방법 [9] file 남자인간 2014.02.17
우분투 12.04 LTS Nginx 최신버전 설치하기 [1] file 도라미 2014.02.17
카카오스토리 링크 [14] file 맞장 2014.02.15
"이 페이지 나가기" 경고창이 뜨는 사이트의 경우 [23] 투씨 2014.02.15
css 가운데정렬 완벽정리! 돼지코구뇽 2014.02.14
GNB 메뉴를 쉽게 만드는 jQuery plugin [2] 김개발 2014.02.14
css 배경이미지 정리 devdevpia 2014.02.13
이메일인증 Error 한방정리 참고해보세요. [4] 애드바이러스 2014.02.12
2014년 2월 12일부터 갑자기 사이트(관리자 페이지)가 깨지는 경우. 새하나모 2014.02.12
글쓰기를 클릭하면 띄워지는 테두리 없는 예쁜 팝업 띄우기 core. 1.7.4 [4] file 마음의빈자리 2014.02.11
마우스드래그금지 레치에스 2014.02.11
태그 쓰기