Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
CSS enables you to control the look and layout of a web page much more precisely than you could with HTML alone, but it can be time-consuming to learn. In this workshop, expert developer Candyce Mairs makes styling a quick and easy process, walking you through the process of adding content to a web page and using CSS to position that content. Candyce explains CSS positioning concepts like the CSS box model, floats, and clears and demonstrates how HTML and CSS work together to create the look of your web page. By speaking the same language as the browser, you can learn to work with the browser to place content accurately and easily.
So, what is a browser? I know it seems like a silly question, but when I stop and ask people what a browser is, it's kind of something we use and never think about. But once you start working with CSS positioning, and really building any webpage, you do have to understand what a browser is. So, let's take a look at it. What is a browser and what does it do? Well, the number one job that a browser does is reads webpages. It's actually just software that you install on your computer that does the reading of the webpages and converts what it reads in code into an actual visual display.
So that's basically, what a browser does. Without a browser we could not view the web. All we would see, is coding. So browsers are very important. So why do we care about these browsers? Why do we need to know any of this information? Well, because a browser is used to view your web pages, and users have a choice of which ones to use. Browsers are not all the same. In other words, the Safari browser is not an exact duplicate of Internet Explorer or Firefox or Chrome. We do have to care about it, because they aren't all the same. They can change our web pages when they go to display the visual look of the page.
So that is why we care about the browser. It's important to test in your users' browsers. So you can see exactly what they will see on their system. So you have to find out what browsers a majority of your users of your website are using, and if you don't have a present website, then it's even more difficult to understand what they plan on using as far as browsers are concerned. Because you certainly want to correct any issues they might see in their particular browser.
So you do that as you create the page. Now why are browsers different? Well let's take a look at the anatomy of a browser. Because it's not just a single piece of software. A browser has multiple parts so the first part reads the HTML piece and that is the HTML parser. So any of the tags with the angle brackets on each side of them are read by HTML specifically. CSS on the other hand, and this is what CSS rules would look like right here.
So make sure you test as you build your particular web pages especially when you get into the CSS positioning side. People tend not to be as concerned about previewing in browsers when you're just working in HTML or you're just doing the formatting side of CSS. Because those pieces of the browser don't tend to have as much variance. So just make sure as soon as you get into working with positioning and get deep into the CSS piece.
There are currently no FAQs about Exploring CSS Positioning.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.