Showing posts with label cascading style sheet. Show all posts

An external CSS file can be created with any text or HTML editor such as "Notepad" or "Dreamweaver". A CSS file contains no (X)HTML, only CSS. You simply save it with the .css file extension. You can link to the file externally by placing one of the following links in the head section of every (X)HTML file you want to style with the CSS file.


[code type="HTML"]<head>
<title><title>
<link rel="stylesheet" type="text/css"href="style.css" />
</head>
<body>
[/code]

[or]

[code type="HTML"]<head>
<title><title>
<style type="text/css"> @import url(Path To stylesheet.css
</style>
</head>
<body>
[/code]


By using an external style sheet, all of your (X)HTML files link to one
CSS file in order to style the pages. This means, that if you need to alter
the design of all your pages, you only need to edit one .css file to make
global changes to your entire website.

This way you are simply placing the CSS code within the <head></head> tags of each (X)HTML file
you want to style with the CSS.

[code type="HTML"]<head>
<title><title>
<style type="text/css">
CSS Content Goes Here
</style>
</head>
<body>
[/code]

With this method each (X)HTML file contains the CSS code needed to style the page. Meaning that any changes you want to make to one page, will have to be made to all. This method can be good if you need to style only one page, or if you want different pages to have varying styles.
Subscribe to: Posts (Atom)

TECH SHARPENER

.
Powered by Blogger.