From the course: CSS Fundamentals: Unlock the Power of Web Styling

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

How do browsers render styles?

How do browsers render styles? - CSS Tutorial

From the course: CSS Fundamentals: Unlock the Power of Web Styling

Start my 1-month free trial Buy for my team

How do browsers render styles?

“

- [Presenter] When a browser displays a document, it's combining the document's content with its style information. This process happens in stages. Now, if you're on a high speed internet connection, you'll probably never even notice a delay, but if you're loading up, say, on a slow mobile connection, well, you've probably seen times where the text of a webpage rendered before all the styles or images did. All the same browsers do handle documents in a streaming fashion, and as your learning CSS, it's important to understand how browsers render styles and apply them to documents. First, I want to look at how browsers read CSS Selectors. As a native English speaker, I would look at this and read it 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…

Contents