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="/help/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.
| Email: | support@WebHostingHub.com | Ticket: | Submit a Support Ticket |
|---|---|---|---|
| Call: |
877-595-4HUB (4482) 757-416-6627 (Intl.) |
Chat: | Click To Chat Now |
We value your feedback!
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
new! - Enter your name and email address above and we will post your feedback in the comments on this page!