Kyle Zimmermann What are CSS? History The Box Model CSS Styles Rules and Selectors Cascade & Specificity Inheritance Video Demo CSS stands for Cascading Style Sheet(s). The typical CSS file is a text file, extension.css Contains a series of commands called rules. 1994 Hakon Wium Lie proposed idea 1996 W3C recommended use of CSS1 1998 CSS2 Absolute, relative positioning 2011 CSS2.1 finally recommended by W3C Removed poorly supported or not fully functional features CSS3 Divided into modules Separates structure from presentation Easy to maintain multiple pages Fast page loading Better accessibility for disabled users Improve search engine ranking High reusability Interactive Box Model Interactive Box Model External Internal Inline Made up of a selector and declarations. Type Selector h1 { font-family: Arial; size : 12 px; } Class Selector Joe Bill John .name { color: red; } ID Selector Intro text #intro { color: white; } Determines which rule is applied. Specificity Hierarchy 1. Inline Styles 2. ID 3. Classes, attributes, pseudo-classes 4. Elements, pseudo-elements Inheritance is the process by which CSS properties applied to one tag are passed on to nested tags. Text will be Arial