Cascading Style Sheets
CASCADING STYLE SHEETS
CSS or Cascading Style Sheets allow you to control your page layout or a simple way to add style (e.g. font,colors,spacing). HTML deals with structure while CSS deals with style. With CSS,you will recognize some similarities with HTML attribute names and values. But in CSS, you will use curly braces { } colons : and semi colons ; and you will use selectors and declarations.
Good HTML and CSS writing practice it to test one body or block of the codes at a time,instead of writing the code from the start to finish and then test the whole program,more often than not there will be errors that you will encounter and the longer the program to test the most likely you will have bugs in the code.
CSS comes in three style:
1. In line styles – styles that are placed inside HTML tags. These are primarily used to format elements which are not part of the general formatting rule. It overrides previously defined styles. You should avoid using it very of ten as it will defeat the very purpose of CSS.
EXAMPLE
2. Internal Style Sheets – used for making document-wide style rules. They are placed in the header of the document. Internal style sheets are defined by the tag.
EXAMPLE
P {text-align:justify; font-size:12px; color:#275A5A} 3. External Style Sheet- these are sheets that you need to use if you want to make a central formatting control on multiple web pages. This method uses the tag to link the page to the external style sheet. With external CSS, it is possible to format the entire web site by just modifying a single file.
EXAMPLE
Advantages of Using CSS
1. Save typing and development time because you have to enter CSS codes only once and it can be applied to many HTML scripts.
2. Download faster because your browser will download only one file once.
3. You can also add multiple link tags in one document.
CSS or Cascading Style Sheets allow you to control your page layout or a simple way to add style (e.g. font,colors,spacing). HTML deals with structure while CSS deals with style. With CSS,you will recognize some similarities with HTML attribute names and values. But in CSS, you will use curly braces { } colons : and semi colons ; and you will use selectors and declarations.
Good HTML and CSS writing practice it to test one body or block of the codes at a time,instead of writing the code from the start to finish and then test the whole program,more often than not there will be errors that you will encounter and the longer the program to test the most likely you will have bugs in the code.
CSS comes in three style:
1. In line styles – styles that are placed inside HTML tags. These are primarily used to format elements which are not part of the general formatting rule. It overrides previously defined styles. You should avoid using it very of ten as it will defeat the very purpose of CSS.
EXAMPLE
2. Internal Style Sheets – used for making document-wide style rules. They are placed in the header of the document. Internal style sheets are defined by the tag.
EXAMPLE
P {text-align:justify; font-size:12px; color:#275A5A} 3. External Style Sheet- these are sheets that you need to use if you want to make a central formatting control on multiple web pages. This method uses the tag to link the page to the external style sheet. With external CSS, it is possible to format the entire web site by just modifying a single file.
EXAMPLE
Advantages of Using CSS
1. Save typing and development time because you have to enter CSS codes only once and it can be applied to many HTML scripts.
2. Download faster because your browser will download only one file once.
3. You can also add multiple link tags in one document.