CSS Syntax and Popular Tags

Views: 1,170
Published: May 5, 2011
Last Modified: Mar 8, 2012

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.

Did you find this article helpful?
Category
203. Using CSS

Login to comment.

Using CSS

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

Support Center Login

Your Opinion Matters

... but we need to know what you're thinking!

The Community Support team wrote the article you're looking at now. We like to think it's perfect, but we're sure you have some suggestions. Please, let us know what they are!

Feedback
Your Email Address
Because we'd like to talk with you!

Have a Question?

If you need some help, submit your question to our Community! We guarantee a response within 60 minutes (8am - 9pm EST, Monday - Friday)

Recent Questions

  1. Accessing FTP: wait for account setup?
  2. is there a way to link a picture from an image gallery page to the specific item in eshop?
  3. Wordpress 404 error

Support Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.) 		Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.