Skip to main content

CSS tutorial


Introduction to CSS

Imagine you've just designed a two hundred page web site for a client (or maybe for yourself) but at the last minute your client (or you) decide the font is a little two small or the typeface should be serif instead of sans-serif? You didn't know how to use cascading style sheets (CSS) so you coded all of the pages with the old-style <font> tag. If you didn't know CSS, chances are you'd have to replace every occurrence of the old <font> tag with the new <font> tag. But if you had decided to write the site with CSS from the get-go, all you would have to do is replace one single line of code in a master file, and your entire site would be rendered immediately in your new style.

That's just one file to upload. That's a lot better than two hundred. Now you can do other things with your time. This is one major reason cascading style sheets are important. CSS makes web site maintenance easier.
 CSS LINKS

a:link { } - regular link
a:visited { } - regular link already visited
a:hover { } - any link with the mouse cursor currently over it
a:active { } - the split-second a link is clicked

CSS listes 

OL { list-style-type: upper-roman; }
OL OL { list-style-type: upper-alpha; }
OL OL OL { list-style-type: decimal; }
OL OL OL OL { list-style-type: lower-alpha; }
OL OL OL OL OL { list-style-type: lower-roman; }
colors :

body { background-image: url(graphic.jpg);
color: #FFFFFF; background-color: #000000;
background-repeat: no-repeat; }
CSS CLASS 


p.first{ color: blue; }

p.second{ color: red; }

  <html>

<body>

<p>This is a normal paragraph.</p>



<p class="first">This is a paragraph that uses the p.first CSS code!</p>

<p class="second">This is a paragraph that uses the p.second CSS code!</p>


out put :

 This is a normal paragraph.

This is a paragraph that uses the p.first CSS code!

This is a paragraph that uses the p.second CSS code!


font 

h4 { color: red; }



h5 { color: #9000A1; }



h6 { color: rgb(0, 220, 98); }








Popular posts from this blog

java script

This Javascript tutorial is for people with little or no experience with programming. It covers these topics: The Definition of Javascript The History of Javascript Java Versus Javascript Learning Javascript A Basic JavaScript Example The Definition of Javascript JavaScript is a type of programming language that works with HTML to make web pages more interactive. For instance, if you had a trivia quiz on a web page you could use JavaScript to check the answers. Javascript is limited. It is not a full-featured programming language like Java or C++. Think of the JavaScript language as a simple, easy-to-use programming language that has only the features necessary to make web pages interactive. The History of Javascript When the Web was first created in the early 1990s all web pages were static. In other words there were no popup windows, no shopping carts, no flying thingy's etc. Pages just stayed still. At that time Netscape Navigator and Internet Explorer were the top browsers. Net...
Read more

php super global variables examples | super global variables in php example

Super global variables are special type variables in php. We can access them from any place with in the application. $_GET :-The $_GET is a super global variable. By using this super global variable we can get the posted values of GET method. $_GET super global variable by default, is the only way that we can access variables passed via GET method. $_POST :-The $_POST is a super global variable. By using this super global variable we can get the posted values of POST method. When ever we can submit the form get are post method to get the form values $_REQUEST. $_SESSION :   $_SESSION is a super global variable. By using this super global variable we can create a SESSION and we read the SESSION .SESSION are used to maintain the state of the application. $_COOKIE : $_COOKIE is a super global variable. By using this is super global variable stores information passed into the script through HTTP cookies. $_ENV : $_ENV is a super global variable. By usi...
Read more

find visitor location php

<?php function geoCheckIP($ip)   {   //check, if the provided ip is valid   if(!filter_var($ip, FILTER_VALIDATE_IP))   {   throw new InvalidArgumentException("IP is not valid");   }   //contact ip-server   $response=@file_get_contents('http://www.netip.de/search?query='.$ip);   if (empty($response))   {   throw new InvalidArgumentException("Error contacting Geo-IP-Server");   }   //Array containing all regex-patterns necessary to extract ip-geoinfo from page   $patterns=array();   $patterns["domain"] = '#Domain: (.*?)&nbsp;#i';   $patterns["country"] = '#Country: (.*?)&nbsp;#i';   $patterns["state"] = '#State/Region: (.*?)<br#i';   $patterns["town"] = '#City: (.*?)<br#i';   //Array where results will be stored   $ipInfo=array();   // &nbsp;   //check response from ipserver for above patterns   foreach ($pa...
Read more