TAILIEUCHUNG - CSS Mastery- P2

CSS Mastery- P2: The human race is a naturally inquisitive species. We just love tinkering with things. When I recently bought a new iMac, I had it to bits within seconds, before I’d even read the instruction manual. We enjoy working things out ourselves and creating our own mental models of how we think things behave. We muddle through and only turn to the manual when something goes wrong or defies our expectations. | GETTING YOUR STYLES TO HIT THE TARGET Pseudo-classes There are instances where you may want to style an element based on something other than the structure of the document for instance the state of a link or form element. This can be done using a pseudo-class selector. makes all unvisited links blue a link color blue makes all visited links green a visited color green makes links red when hovered or activated. focus is added for keyboard support a hover a focus a active color red makes table rows red when hovered over tr hover background-color red makes input elements yellow when focus is applied inputfocus background-color yellow link and visited are known as link pseudo-classes and can only be applied to anchor elements. hover active and focus are known as dynamic pseudo-classes and can theoretically be applied to any element. Most modern browsers support this functionality. Unsurprisingly IE 6 only pays attention to the active and hover pseudo-classes when applied to an anchor link and ignores focus completely. IE7 supports hover on arbitrary elements but ignores active and focus. Last it s worth pointing out that pseudo-classes can be strung together to create more complex behaviors such as styling the hover effect on visited links different from those on unvisited links. makes all visited linkes olive on hover a visited hover color olive The universal selector The universal selector is possibly one of the most powerful and least used of all the selectors. The universal selector acts like a wild card matching all the available elements. Like wild cards in other languages the universal selector is denoted by an asterisk. The universal selector is often used to style every element on a page. For instance you can remove the default browser padding and margin on every element using the following rule 27 CHAPTER 2 padding 0 margin 0 When combined with other selectors the universal selector can be used to style all the descendants of a particular element or skip a .

• Đồ họa - Thiết kế - Flash
• thiết kế web
• giáo trình CSS
• kĩ năng photoshop
• flash căn bản
• thiết kế layout
• Thiết kế trang web
• hướng dẫn Thiết kế trang web
• kinh nghiệm Thiết kế trang web
• tài liệu Thiết kế trang web
• cẩm nang Thiết kế trang web
• kỹ thuật Thiết kế trang web
• Bài giảng Thiết kế Web
• Đại cương Thiết kế Web
• Tổng quan Thiết kế Web
• Môn học Thiết kế Web
• Mục tiêu Thiết kế Web
• Giáo trình Thiết kế giao diện web
• Thiết kế và quản lý website
• Thiết kế giao diện web
• Nhận dạng các trang web
• Cấu trúc trang web
• phương pháp thiết kế trang Web
• kỹ thuật thiết kế Web
• thiết kế web nhanh
• thực hành thiết kế web
• thiết kế web đẹp
• tài liệu về thiết kế web
• thủ thuật thiết kế web
• mẹo dùng web
• học thiết kế web
• Thiết kế web động
• tài liệu Thiết kế web động
• hướng dẫn Thiết kế web động
• kinh nghiệm Thiết kế web động
• cẩm nang Thiết kế web động