Header Ads

Breaking News
recent

CSS How To...

When a browser reads a style sheet, it will format the HTML document according to the information in the style sheet.

Three Ways to Insert CSS

There are three ways of inserting a style sheet:
  • External style sheet
  • Internal style sheet
  • Inline style

External Style Sheet

With an external style sheet, you can change the look of an entire website by changing just one file!
Each page must include a reference to the external style sheet file inside the element. The element goes inside the  element. The element goes inside the section:

Example

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
Try it Yourself »
An external style sheet can be written in any text editor. The file should not contain any html tags. The style sheet file must be saved with a .css extension.
Here is how the "mystyle.css" looks:
body {
    background-color: lightblue;
}

h1 {
    color: navy;
    margin-left: 20px;
}
Note: Do not add a space between the property value and the unit (such as margin-left: 20 px;). The correct way is: margin-left: 20

Internal Style Sheet

An internal style sheet may be used if one single page has a unique style.
Internal styles are defined within the

No comments:

Powered by Blogger.