CSS Basics
Treehouse
Course Summary
CSS (Cascading Style Sheets) is a style sheet language that describes the presentation of web pages. Whereas HTML is what forms the structure of a web page, CSS is what we use to style the HTML with colors, backgrounds, font sizes, layout, and more. As you'll soon learn, CSS is one of the core technologies for designing and building websites
-
+
Course Description
CSS (Cascading Style Sheets) is a style sheet language that describes the presentation of web pages. Whereas HTML is what forms the structure of a web page, CSS is what we use to style the HTML with colors, backgrounds, font sizes, layout, and more. As you'll soon learn, CSS is one of the core technologies for designing and building websites.Topics covered- Getting Started with CSS
Get started with one of the core technologies for designing and building websites and applications. In this stage, you'll learn about the evolution of CSS, helpful resources, and how to add CSS to a page.- Basic Selectors
Selectors are one of the most important and powerful parts of CSS. In this stage, you'll learn the different ways we can target HTML elements with basic selectors.- Understanding Values and Units
Every CSS property has a set of values it can accept. Most properties accept keywords that literally describe a value. Many properties also accept numbers, functions, length values, or a URL. In this stage, you'll learn the common values and units CSS properties accept.- The Box Model
The box model is the basis of CSS layout because it dictates how elements are displayed and how they interact with each other.- Basic Layout
In this stage, we'll continue styling our website with background properties and basic layout methods.- Designing with the Latest Features
Today's CSS features are becoming closer to tools we'd normally use in a graphics editor. CSS has introduced many in-browser design features like rounded corners, box shadows, gradients, and more. In this stage, we'll add the finishing touches to our page using many of the latest features introduced to CSS. Then, make sure our page looks good on all devices with media queries.- Fundamental Concepts
Now that we've explored many of the core features of CSS, it's time to take this knowledge further by learning important fundamental concepts. In this stage, you'll learn all about the CSS cascade, inheritance, and helpful tips and tools to practice and retain what you’re learning.
-
+
Course Syllabus
â— Getting Started with CSSâ—¦ CSS Basics Overviewâ—¦ Introduction to CSSâ—¦ CSS Resourcesâ—¦ Inline and Internal Stylesâ—¦ External Style Sheetsâ—¦ Importing Style Sheets with @importâ— Basic Selectorsâ—¦ Intro to Selectorsâ—¦ Type Selectorsâ—¦ ID Selectorsâ—¦ Class Selectorsâ—¦ Reusing Classesâ—¦ Descendant Selectorsâ—¦ Pseudo-Classesâ—¦ CSS Commentsâ— Understanding Values and Unitsâ—¦ Common Data Typesâ—¦ Pixel Unitsâ—¦ Percentagesâ—¦ Em Unitsâ—¦ Rem Unitsâ—¦ Color Valuesâ—¦ Text Stylesâ—¦ Font Propertiesâ—¦ Line Heightâ— The Box Modelâ—¦ The CSS Box Modelâ—¦ Paddingâ—¦ Bordersâ—¦ Marginsâ—¦ Display Valuesâ— Basic Layoutâ—¦ Width and Height Propertiesâ—¦ box-sizing and max-widthâ—¦ Floatsâ—¦ Clearing Floatsâ—¦ Listsâ— Designing with the Latest Featuresâ—¦ Text Shadowsâ—¦ Box Shadowsâ—¦ Border Radiusâ—¦ Gradientsâ—¦ Gradients: Color Stopsâ—¦ Transparent Gradients and Multiple Backgroundsâ—¦ Web Fonts with @font-faceâ—¦ Media Queriesâ—¦ Adjusting the Layout with Media Queriesâ— Fundamental Conceptsâ—¦ The Cascade: Importanceâ—¦ The Cascade: Specificity and Source Orderâ—¦ Inheritanceâ—¦ Learning Tips and Tools
This course is listed under
Development & Implementations
and Networks & IT Infrastructure
Community
Related Posts: