Easy Tutorials » CSS

An easy way so that you don’t have to learn css colors

krates — Thu, 15 May 2008 13:39:48 +0000

Do you think you need to learn all those colors codes given below ?

NO !!! You need not learn those colors for applying them

Here is a SIMPLE FAST AND STUPID trick

Just open adobe photoshop click on the color chooser

Select the color and check the highlighted portion copy the code in it and put it like

#0090FF

In your code

Thanks

krates

Share and Enjoy:

Outlining the text

krates — Mon, 31 Mar 2008 09:42:11 +0000

Sometimes you need to outline a text

we can do it easily by using css border command

Syntax:

Some text

The this code will produce below like elements

Thanks

krates

Share and Enjoy:

set all the margin properties in one declaration

krates — Sun, 09 Mar 2008 13:14:28 +0000

This tutorial will teach you how to set all margin properties in one declaration

Syntax

p.class{margin: 2cm 4cm 3cm 4cm}

Using

Checking the margin properties

Thanks

krates

Share and Enjoy:

Specify the white space between words

krates — Fri, 08 Feb 2008 10:56:06 +0000

This tutorial is going to teach you how to specify the white space between the words sometimes it becomes important to do or else you can learn it for the sake of learning.

Html file

This is a sample text of which white spaces will be controlled by css.

Style

p
{
word-spacing: 25px
}

Now if you rum the html file see the word spacing it will be more than it’s usual

Thanks

krates

Share and Enjoy:

Having a fixed image

krates — Fri, 11 Jan 2008 16:05:39 +0000

Sometimes you want your image to be fixed in a certain which not be scrolled down with the rest of the page:

This css code will help you do that

.something{

background-image: url(‘imagename.gif’);
background-repeat: no-repeat;
background-attachment: fixed
}

See the properties first we give the url of the image to be shown using background image property

then we add a no-repeat to stop repeating of image

And theen we add a background attachment that fixes the image like a glue

Thanks

krates

Share and Enjoy:

Set an image as a background of your website

krates — Wed, 09 Jan 2008 16:40:11 +0000

Well this one is the easiest tutorial for you all

How to set an image as a background of your website

Syntax

Notice:

background-image: url(‘bg.gif’)

Just use the background image declaration followed by url of the image in between the braces

Thanks

krates

Share and Enjoy:

Decorating the text through css

krates — Mon, 07 Jan 2008 12:26:47 +0000

Many a times we want to decorate the text. here are the Five main text decoration properties that can be used in your matter.

Something

Now see the text contained between h1 tag will have a line over it

The text contained between the h2 tag will have a line throught it (Strike through) .

The text contained between the h3 tags will have a underline

The text contained between the h4 tags will blink

The last one is a link this will have no underline

Thanks

krates

Share and Enjoy:

Specifying the space between lines in css

krates — Mon, 31 Dec 2007 09:39:48 +0000

This tutorial is going to teach you how to specify space between lines

This tutorial will teach you how to use line height character to specify space between two lines
Create two files one

line.html , style.css

Line.html

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In urna diam, interdum vel, varius id, fringilla eget, risus. Nam dui. Fusce sit amet lorem ut nulla tincidunt nonummy. Vivamus vitae ante tristique felis nonummy lobortis. Praesent sodales dui in

Style.css

p.less {

line-height: 100%;

}
p.more {

line-height: 200%;

}

Thanks

krates

Share and Enjoy:

Simple css coding

krates — Sat, 08 Dec 2007 05:56:05 +0000

Html was designed to display information but it does not have any style in the need of style they designed css

Cascading style sheets

Which save a lot of coding work

Syntax

The syntax is very easy and made up of three parts

selector {property: value}

For ex

body {

color: red;

For using css with html you have to declare class in html for the element you want to do css coding

This paragraph can not be changed but style can be:D

In css you will write

p.exapmle{

text-align: center;

}

This will center the text

Thanks

Krates

Share and Enjoy: