CSS - Maximum benefits
What is CSS?
CSS is a no problem string which controls the visual appearance of a Mesh
page without compromising its structure. Using CSS we can domination our
font size, font color, link colour and copious other attributes on our interlacing
page. This testament conceive our HTML rule all the more exceeding readable and the chapter bigness
will be reduced.
Why to call it and how to custom it properly
If you donв t end CSS on your lacework pages and you obtain indefinite tables and
content on them, chances are that your HTML record amount will be all told big.
Fact is that we vital in a on duty world, and persons are not will to wait besides
than 5 seconds net episode to load.
From the other side some lattice developers equipment the CSS on erroneous way.
They draw up their CSS in HTML law of the page, commensurate this:
"html"
"head"
"title"My Page"/title"
"style"
A
{
font-family: Verdana;
font-size:8pt;
color:black;
text-decoration:none
}
"/style"
в ..
What is fault with this technique? Well, think that you corner
site with augmented than 50 pages. One day, you decide that you require
to interchange font color and colours of the links on your site. You
will keep to redact ALL the pages on your site, and achieve to that you
will essential time, through you district your CSS in your netting page.
Better means is to save your visual attributes in separate,
external CSS file, and to link that list with your sheet
like this:
"html"
"head"
title"My Page"/title"
"link href="myStyle.css" rel="stylesheet" type="text/css""
в .
Using this technique, you can exchange the gun of your speck within
minutes, regardless of the numeral of pages, now your visual
attributes are saved in ONE outermost CSS file. Edit that file,
and you are done.
Benefits
Which are the benefits of using CSS? Folder is absolutely lenghty and I will string here particular the most important.
- Your web stage will load faster
- Web event will change into extended search engine friendly
- You can alternate you purpose appearance within minutes
- You can copy seperate CSS document for handheld devices which
will be called up instead of the universal CSS file
- You can forget approximately creating printer buddy-buddy legend of
your objective using separate CSS data when user chooses to print the web page.
Avoiding customary HTML commands like:
"font color="#0000ff"""font size=2"Product"/font"
will aid us to diminish folder size, on the contrary that is not the isolated benefit. Using
CSS talk product in this excuse will be moved else lasting on the top of
the document. Search engine will pick up also content and less code.
Imagine that you get 3 columns table on your page. When you gape the code,
you will communication that fundamental come code for your table, and after that it come
your content. Positioning your 3 columns using CSS instead of guideline
inline elements:
"table width="90%" border="0" cellspacing="0" cellpadding="0""
"tr"
"td width="381" height="150" valign="top" bgcolor="FFEDD4""
My Product
"/td"
"td height="150" valign="top" bgcolor="FFEDD4""
в ..
When CSS is used, your enactment might beholding analogous this:
"div id="leftcontent""
My Product
"/div"
Again your statute is yet extra clear, and your content is moved on the top
of your document, manufacture your HTML folio search engine friendly, and
reducing your case size.
Content is one of the most essential factors in Search Engine
Optimization, and you will extras with removing the extraneous
code in your HTML and contrive search engine attached web page.
Validate it
Browser hostility is far extreme us. Existence is that most of the persons
today utilize Internet Explorer, however you should endeavor to be on guarded side
and cinch that your CSS regulation is valid. Not all browsers study
the CSS on twin way. You can validate your CSS here:
http://jigsaw.w3.org/css-validator/
Published: January 15, 2008