웹마스터 팁

  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] 아시안느 2008.05.20
버튼 글씨체 바꾸기.... [2] winter548 2008.05.20
글 쓸 때 자동으로 비밀 글 체크하기(''비고수''님의 팁) [1] 띵야 2008.05.20
보안로그인 사용시 기본포트가 아닐 경우 [2] bluemind69 2008.05.20
회원 관리 리스트에 생일/이메일 추가하기 [4] file 老姜君 2008.05.19
텔넷으로 순간 압축풀기/폴더 삭제/폴더파일 압축하기... [5] Crazyhouse.cn 2008.05.19
본문과 댓글 입력의 기본 폰트. 크기 한번에 변경하기... [3] winter548 2008.05.19
홈페이지에 닉네임 대신 실명으로 뜨게 만들기 [5] file findwind 2008.05.19
1.0.3 오토링크(autolink) 디자인 수정본 [6] file 위드파트너 2008.05.18
게시물목록의 조회수 등의 글씨(폰트), 폰트 크기, 색깔 변경 [1] winter548 2008.05.17
New 등의 아이콘 변경하기... [3] file winter548 2008.05.17
게시판→설정→스킨관리→글제목 표시 유무 넣기 [2] 탑심 2008.05.15
오른쪽 상단에 로그인 정보 출력하기 (게시판 만으로) file youngminpark 2008.05.15
일반 html이나 php파일에 모듈을 추가했을시 나타나는 문제점. (최근게시물 모듈. 링크 타겟 지정). [8] 장민수 2008.05.11
아고라 서명운동 전용 웹카운터 [2] 살색마수 2008.05.10
rewrite mod 사용시 404 페이지 에러 해결 방법 이종준 2008.05.09
확장변수(textarea)에 html태그 적용 [6] 오엘 2008.05.08
회원 확장 정보를 레이아웃에서 활용하기 [6] [1] file mooo 2008.05.06
리플이나 서명에서 특정 태그 막기 [4] 老姜君 2008.05.05
주문형게시판 만들기 [22] file 팔공산 2008.05.04
태그 쓰기