How to Bind Multiple Words in CSS
CSS is a programming language used along with HTML to build web pages. Used primarily to design the style and look of web pages, one of the useful features of CSS is the class selector. The CSS class selector binds key words to specific page styling. If you plan on using multiple styles within your web page, bind multiple words to different styles using the class selector feature of CSS.
Other People Are Reading
Instructions
-
-
1
Open your CSS document, scroll to the bottom of it, click to move the blinking cursor there, and then press "Enter" a few times to insert some line breaks.
-
2
Use the class selector to bind multiple words to specific CSS styles. Type a period (".") followed by the word you want tied to the style you're going to set up. For example: ".awesome" (without the quotes).
-
-
3
Type in the CSS style(s) you'd like to associate with the word you chose. Each style must be separated by a semicolon. For example: ".awesome {text-align:left; color:blue;}" (again, without the quotes). Enter a new line break for each word you want to bind to a CSS style.
-
4
Save your CSS document when you're done, and then open up your HTML document.
-
5
Scroll to the element in your HTML document where you want to apply one of the newly bound CSS class selector key words (e.g., <font>, <p> or ).
-
6
Type your bound key word into the element like this: <font class="awesome">. All the text contained within the HTML element will now be displayed with the CSS styles you enabled in step three.
-
1
