웹마스터 팁

  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
이 게시물을
좋아요
목록
제목 글쓴이 날짜
xe module, sample 생성기 [9] 천재ㅐ재 2014.07.24
네이버 SMTP로 인증메일 보내기 [12] Neder 2013.08.26
첨부파일 제한 등을 1M 이하인 K 단위로 제한할 수 있게 설정 [1] sejin7940 2014.08.07
UX를 편리하게 하기 위한 7 CSS 팁 gamgak2895 2014.08.07
코어 수정하지 않고 게시물 첨부 파일 사용제한 Happyphp 2014.08.07
XE 설치 시 안전한 폴더권한 설정하기 (chown 사용) 컴토피아 2014.08.07
특정 도메인 가입 않되게 (인증메일 관련) 컴박살 2014.08.06
비밀번호 변경시 비밀번호 재입력 생략하기 Summer 2014.08.06
자주 쓰지 않지만, 알아두면 좋은 명령어들.. SIN 2014.08.06
fedora core4 기준으로 iptables 최소한 이정도는 막아줘야 할듯,, [3] [1] 인호씨 2005.11.19
게시글 주소 아주 짧게 줄이기 [11] 웹 엔진 2011.08.07
Bind 설정하기 뚱녀파파 2014.07.30
잦은 등급변경으로, 회원 등급이 엉켰을 경우 해결방법. [1] NZ448 2009.09.10
MySQL Replication 사용중 Binary Log 삭제 하기 박희망찬삶 2014.07.29
게시판 데이터 일괄 삽입 방법 [1] Happyphp 2014.07.26
짧은 주소를 가능 하게 하는 서버(아파치, httpd) 설정 [3] 꿈섬 2014.07.27
인증메일 안가는 문제- 완전 간단 해결 꿈섬 2014.07.27
/XE/떼어 내기 방법... 꿈섬 2014.07.27
CURL 등 리퀘스트가 느리다고 생각될때 [1] 銀童 2014.07.25
[초보팁] .htaccess 파일을 이용하여 여러가지 주소 한 주소로 리다이렉트 하기 ( 주소 통합 ) [5] 태풍_님 2014.07.23
태그 쓰기