Understand how browsers read CSS selectors in order to efficiently target HTML elements. Learn the concepts of inheritance and specificity.
- [Instructor] When a browser displays a document,…it first displays the actual content…and then brings in style information in succession.…If you're on a high-speed internet connection,…you'll probably never notice a delay,…but if you're loading up, say on a slow mobile connection,…you've probably seen times where the text of a web page…rendered before all the styles or images did.…All the same, browsers do handle documents…in a streaming fashion.…As you're learning CSS, it's important to understand…how browsers render styles and apply them to documents…First, I wanna take a look…at how browsers read CSS selectors.…
As a native English speaker, I probably read this…from left to right…so I'd be looking for an ID of main content,…a p element and then a span element.…CSS actually reads this from right to left, however.…This tells the browser to find any text…within a span tag, which is also inside of a paragraph tag…which is also found with an element…with an ID of main content.…Next, I wanna talk more about the concept of the cascade.…
- What is CSS?
- Understanding how CSS works with HTML
- Applying fonts
- Understanding the classic box model
- Setting margins and padding
- Positioning elements
- Basic CSS layout concepts
- Media types and media queries
- Working with CSS frameworks and CSS grids
- Creating responsive layouts
- Tools that help you write and maintain CSS
Skill Level Beginner
1. CSS Basics
2. CSS Specifications
3. Common CSS Concepts
4. CSS Layouts
5. Working with CSS
6. Responsive CSS
7. Going Further with CSS
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.