24/7 U.S. Support – 877-595-4482
Similar to the syntax and tags that we used in the HTML section, CSS uses tags as well to change different elements on the web page. In CSS these are called "Properties." The Properties that you use will determine the modification that is made to the element specified.
We went over the different style sheets in the previous section, here is an example of each one:
Internal Style Sheet:
<head>
<style type="text/css">
h1 {color:blue;}
h2 {color:red;}
p {color:green;}
</style>
</head>
External Style Sheet:
<head>
<link rel="stylesheet" type="text/css" href="/support/style.css" />
</head>
Inline Styles:
<p style="color:red;font-size:18px">This is a paragraph!</p>
As you can see, the format of all three are similar but have a few key differences. For an external style sheet, you would create a separate css file that one has the modifications that you want to apply to the pages. Then all you have to do is within the head tag reference that .css file, and it will apply automatically to the page.
For the Inline Styles, instead of using a <font>, CSS uses the style tag. Then within the style tag, you can specify the size, color, and many more options.
| 1. | Understanding the Benefits of CSS |
| 2. | CSS Syntax and Popular Tags |
| 3. | Adding CSS to your Website |
| 4. | Adding CSS to your web page |
| Email: | support@WebHostingHub.com | Ticket: | Submit a Support Ticket |
|---|---|---|---|
| Call: |
877-595-4HUB (4482) 757-416-6627 (Intl.) |
Chat: | Click To Chat Now |
Copyright © 2013 Web Hosting Hub - Privacy Policy - Terms of Service