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

http://mimul.com/pebble/default/2009/10/26/1256566020000.html

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; }

[참조사이트]

• 7 Quick CSS Enhancements for Better User Experience