Skip to main content

Posts

Showing posts from June, 2015

Explaining:Styling a Webpage

Ok... So lets understand the code we made in the previous post.. <html> <head> <title>CSS Practise</title> <style> body{ font-family:"Comic Sans MS"; } h1 { text-align:center; color:blue; } h2{ color:red; } p{ color:green; } </style> </head> <body> <h1>This is a webpage all about rabbits</h1> <h2>Many people love rabbits and I love them too...Do you?</h2> <p>Rabbits are animals which have furry skin and they like to eat carrots...</p> <body> </html> Now lets see the code... body{ font-family:"Comic Sans MS"; } This part tells that we want to style the body of the webpage.... we have used font-family which is used when we want to give a nice font to our text...as you can see I have given the font family "Comic Sans MS". You can keep your own font family!!! h1 { text-align:center;...

Styling a webpage!!!

So Today we will use a webpage and style it using simple css.... First of Type up the code below to make the website... <html> <head> <title>CSS Practise</title> </head> <body> <h1>This is a webpage all about rabbits</h1> <h2>Many people love rabbits and I love them too...Do you?</h2> <p>Rabbits are animals which have furry skin and they like to eat carrots...</p> <body> </html> After putting the following code your webpage may look like this :- Now lets Style This Webpage... Now edit the code with this one:- <html> <head> <title>CSS Practise</title> <style> body{ font-family:"Comic Sans MS"; } h1 { text-align:center; color:blue; } h2{ color:red; } p{ color:green; } </style> </head> <body> <h1>This is a webpage all about rabbits</h1> <h2>Many ...

CSS Selectors

The posts will be starting again!!!!!!!! Ok..... Lets begin with selectors... Selectors are used to select the element you want to style with CSS... E.G - If we want to style a class, we must begin with "." and then the class name..if the class name is dog, then it must be written in this way - ".dog" Similarly, to style an ID,it must be written with "#".. HOPE YOU HAVE WELL UNDERSTOOD WHAT ARE SELECTORS....Next Post to be added soon