android populer: selector

Home / Posts filed under selector

Tampilkan postingan dengan label selector. Tampilkan semua postingan

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.

Baca Selengkapnya ....

Applying CSS to an HTML document - 3 Methods

Posted by Unknown 0 komentar

There are three ways you can apply CSS to an HTML document.

In-line (the attribute style)

One way to apply CSS to HTML is by using the HTML attribute style.

 
<html>
  <head>
     Sample
  </head>
  <body style="background-color: #00FF00;">
      The background color is green

  </body>
</html>

Internal (the tag style)

Another way is to include the CSS codes using the HTML tag <style>.

 
<html>
 <head>
    <title>Example</title>
      <style type="text/css">
	body {background-color: #00FF00;}
      </style>
  </head>
 <body>
    <p>The background color is green </p>
 </body>
</html>

External (link to a style sheet)

The last method is to link to an external CSS file.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.
Copy and download the code and try your self to learn the different 3 methods.

Baca Selengkapnya ....

Basic CSS Syntax

Posted by Unknown 0 komentar

selector { property: value; }

Here,
selector : Says what HTML tag does property apply to
property : Says about the property or functionality applied
value : Set property attributes

eg :