Dreamweaver - HTML and CSS Using Dreamweaver
Daniel Walter Scott || VIDEO: 15 of 34
Hi, Welcome,
My name is Daniel Walter Scott. I am a trainer here at Bring Your Own Laptop.
The topic we are covering today is: What is CSS (Cascading Style sheets)
CSS will allow us to style all of our HTML. Currently we have our vintage camper page. We have our H1s, our H2s, some paragraph tags, some links but not been able to change colour or font.
We are going to create a separate sheet called a CSS sheet and we are going to style those fonts. So, I’ve opened my own website here. I’ve created a CSS sheet for my website. So if I look at this site with the CSS turned off and then turn it back on, I can see that with the CSS on, it changes the site quite substantially. All of the CSS styles, font and layout are different.
So let’s look at split view. On the right is my HTML with CSS applied. On the right side, I’ve got this text highlighted, its called ‘blog 2’. Over here I’ve styled ‘blog 2’. I’ve given it a font size of 1.2. I’ve given it a font family, ‘museo sands’. It’s got a text shadow, a drop shadow, a white one. The line height is the space between lines. And the font weight is how heavy it is, is it a light, medium, bold or black. I can make changes in my code in the CSS and watch it update on the right. I can change this font size to 1.7 over here and watch that in the text it’s gotten bigger.