| |
What is CSS??
CSS, or Cascading Style Sheets, defines how HTML elements are displayed.
Styles can be places inside each page or in an external CSS. We will
describe both in this tutorial series. Styles were not added until
HTML 4 so be sure that your visitor meet this criteria or they may
not see your pages as you intend. Both Netscape 4.0 and IE 4.0 support
Cascading Style Sheets
External style sheets can save a lot of work and also make your pages
load faster. By placing code in an external file, you reduce the need
to retype data over and over again. By doing such, you also reduce
the size of each page. The CSS is downloaded once and does not have
to be downloaded again. By placing your styles in an external style
sheet you could also save yourself a lot of work with changes. If
you decide to change any attributes of text, links, etc, you only
have to change it in one place instead of each page.
Since you can place styles in multiple places, it is important to
understand the priority in which styles will be applied. The priority
is shown below with the highest priority being at the top:
Inline Style (inside HTML element)
Internal Style Sheet (inside the <head> tag)
External Style Sheet
Browser default Style
This priority tells us that any style you put inside an HTML tag will
always overtake any style that you reference externally. Now lets
go to Step 2 and learn a little bit about style syntax.
Now lets go to Step
2
|
