Calling an External CSS to HTML document

Posted by Unknown Rabu, 30 Oktober 2013 0 komentar
An external style sheet is simply a text file with the extension .css. Suppose our CSS file is inside the folder named "style" and the CSS file with file name "newstyles.css".The the code to link the html with CSS is given below ..
 
<link rel="stylesheet" type="text/css" href="style/newstyles.css" />
The line of code must be inserted in the header section of the HTML code.

And if you have to give different style to different attribute you can see the sample code below..
Get the sample source code for "test.html" which is connected to an external CSS named "newstyles.css".
 
<html>
<head>
My sample document

</head>
<body>

My first stylish header


My second stylish header


My paragraph


</body>
</html>
Get the sample source code for "newstyles.css".
 
body {
background-color: #00FF00;
}
h1 {
color: #990099;
background-color: #FC9804;
}
h3{
color: #999999;
background-color: #FC980F;
}
p {
color: #990099;
}
Copy and download the sample code and try your self and you will see that each tag get applied with its respective styles.
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Calling an External CSS to HTML document
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://androidpopuler.blogspot.com/2013/10/calling-external-css-to-html-document.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Trik SEO Terbaru support Online Shop Baju Wanita - Original design by Bamz | Copyright of android populer.