Welcome! Start learning now. Cancel anytime
Dreamweaver - HTML and CSS Using Dreamweaver
How to make a CSS Class
Daniel Walter Scott
|| VIDEO: 21 of 34
Download Exercise Files
1: Site definition in Dreamweaver
2: Create an HTML page
3: Adding copy to Dreamweaver
4: H1, H2 & <P> selectors
5: How to add © ™ ®
6: How to link web pages?
7: Adding Images
8: Which image type?
9: Photoshop & Dreamweaver
10: Adding more pages
11: Creating a navigation
12: What is hosting?
13: Connecting via FTP
14: Uploading your website
15: What is CSS?
16: How to create CSS?
17: Change font h1 or p tags using CSS
18: How to update CSS
19: Change link font & color
20: How to use EM for fonts
21: How to make a CSS Class
22: Applying CSS Classes
23: What is a Div Tag
24: Centering your website div
25: Create website using div tags
26: How to float a div tag
27: How to clear the div float
28: How to add text to a div tag
29: How to set CSS minimum height
30: Change background on website
31: How to add padding to a DIV
32: Connect CSS to all HTML pages
33: Drop down menu using CSS
34: Add a meta description tag
I recommend hosting your new website with
, you can get a big discount by signing up with this link:
CSS Class selectors
Class Selectors like the earlier Tag Selectors are for styling your type using CSS.
Class selectors are used to style individual words, letters or sentences and are used in conjunction with Tag Selectors.
Class selectors are identified by a full stop at the front of them. e.g. .blue-big
There is 2 steps to create a class, first is to create it, then you’ll need to apply it. Class selectors can be used more than once.
With your CSS Designer panel open choose main.css from Source.
In the Selectors section, click the + button.
Name your class .blue-big
Note: You can name your classes anything you like remembering not to use any spaces or special characters like @#$%^&*.
From the properties section scroll down until you find the text styling.
Choose a blue from the colours and choose 1.8em from the font-size.
Note: Nothing happens yet. We’ll need to apply the class to some text.
Highlight one word.
In your properties panel choose blue-big from the Class drop menu.
Powered by instructorHQ