From the course: Creating a Responsive Web Design

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Setting up the base styles

Setting up the base styles - CSS Tutorial

From the course: Creating a Responsive Web Design

Start my 1-month free trial Buy for my team

Setting up the base styles

“

- Now, we're going to set up our fonts so that they're easy to read in printed form. A lot of the settings we're going to make are going to be in here by default. So, we see serif-based fonts. We see our type in black. We're going to define some of these with the same properties just in case any browser doesn't give us some of these base default styles. Let's go back to our CSS file. We'll add our body element, bring in our brackets. Let's come in here and set our color to black, so #000. Again, that will just make sure that all of the type is black by default. Next, we'll set font family. Here we want to pick a couple of serif-based fonts. I'll choose Georgia first, then a comma. Then, in quotes we'll type Times New Roman. Outside of the quotes we'll specify Times and then simply serif. Next, we're going to set a font size. This is going to be the base size for the entire document and we're going to choose 12pt. Next, we'll choose font weight. We're going to set this to normal. We're…

Contents