Cascading Style Sheets - CSS for Search Engine Optimization
Goal Setting Software - Affordable Health Insurance - About Us - Contact Us - Privacy - Links
Tutorials - HTML - Domain Names - Email - Web Hosting - Ecommerce - Business Plans - Affiliates - Home Business
HOME

Cascading Style Sheets - CSS for Optimization

 


CSS a Great Optimization Tool
What is CSS? CSS stands for Cascading Style Sheets. It is
a webdesign language that is used to improve the look and
feel of your website. It can be great to use when you are
optimizing your website for search engines. Search Engines
go through your website as fast as they can. So usually
its better to have less code and more content. CSS allows
you to use simple tags in your code and have high effects.
There are three forms of CSS. They are:

- Inline
- Embeded
- External



Inline
------
Inline CSS is used in the body of your webpage. Inline CSS is good to use to disallow the effect of External or Embeded CSS. I don't recommend using a lot of inline CSS but it comes in handy sometimes.

Example:
<h1 style="font: 16pt">Using Inline CSS</h1>
<p style="font:8pt">CSS is a very simple tool to implement
to any website.</p>

Embedded
-------
Embeded CSS is used within the document again, but it is
built in the heading of your website. This type of CSS is
great for when you have a one-page website. Embeded CSS is
a great way to start testing how powerful CSS can be. Some
simple code at the head of your page can eliminate the use
of <B>, <I>, <U>, and <FONT> tags.

Example:

<html>
<head>
<style type="text/css">
<!--
body
{color : blue ;
background : grey;}
p
{font-family: arial;}
-->
</style>
</head>
<body>
<p> This font will be in "arial" and it will be blue with
a grey background. </p>
</body>
</html>


External
--------
External CSS is used the most in webdesign. External CSS is
kept in a text file within your website. The best thing
about External CSS is that you can have all of your pages
within your website linking to this one CSS document. So
that you don't have to go back to each page to make changes

Example of the HTML document calling on External CSS:

<html>
<head>
<title>External CSS</title>
<link rel="stylesheet" href="external.css" type="text/css" />
</head>


Example of a External CSS document

body
{color : blue ;
background : grey;}
p
{font-family: arial;}
UL {font-weight: bold;
text-decoration: none;
color: pink;}

An external CSS document is just a blank file that contains all of your CSS commands.

So, what are you waiting for? Get out there and try out this easy language!
___________________________________________________________
Charles Nixon - Website Designer. Driven by Creativity. Building websites to increase sales, and web presence. Did you start your business to create a website? Or to run your business?
CharlesNixon.com may be the web design firm for you! Competitive prices and your project delivered on time and on budget.
http://www.CharlesNixon.com/
mailto:Charles@CharlesNixon.com


If HTML is Too Much for you - Consider Cheap Web Templates!


Return to Beginning HTML Tutorial Index




WEBSITE101 TUTORIALS

HTML Tutorial | CGI tutorial | Email Tutorial |
Spam Tutorial | Cookies Tutorial | Privacy Tutorial | Windows Tutorial | DreamWeaver Tutorial | Domain Name Tutorial | Business Plan Tutorial | Search Position Tutorial | Online Advertising Tutorial | Ecommerce Essentials Tutorial





            Free Text to HTML Converter for Web Publishing    
Google
  Web www.WebSite101.com
 
Tutorials - HTML - Domain Names - Email - Web Hosting - Ecommerce - Business Plans - Affiliates - Home Business
   
Goal Setting Software - Affordable Health Insurance - About Us - Contact Us - Privacy - Links
   
   
HOME
   
.