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

Unlock the full course today

Join today to access over 24,800 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