Searching...
Saturday, 29 September 2012

CSS Properties

10:53 pm

CSS Properties

CSS Properties :

Css background propertis :

Backgroun-attachment           scroll/fixed
Background-color
Background-image       url(“path”)

CSS text properties :

Color
Direction                     ltr/rtl
Line-height                 normal/number   length
Letter-spacing            normal/number
Text-align                    left/right/center/justify
Text-decoration          none/underline/overline/linethrough/blink
Text-indent                  length
Text-transform             capitalize/upper case/lower case
White-space                no wrap/pre
Word-spacing             length
Text-indent                 how much space given in the paragraph

CSS font Properties:

Font-family
Font-size
Font-style                  Normal/itlic/oblique
Font-weight             Normal/bold/bolder/lighter

CSS border Styles:

Border-medium double rgb(250,0,255)
Border-style:         groove/double/dotted/dahed/solied/inset/outset  etc.,
Border-top:           medium solied #ff0000
Border-width:       5PX
Border-left-width:  15PX
Border-color:           top left-right bottom
Border-right-color     #FF0000

CSS margin properties:

Margin:           2Cm 4Cm 3Cm 4Cm
Margin-top:     5cm
Margin-bottom:   50%
CSS Example:  #1-external style sheet with type selector-

MyStyle.Css

Body
{
Back ground-image:url{path};
}
P
{
Color: white;
Font-family:vardana;
Font-size:22PX;
Line-hight:2;
Text-align:justfy;
Border:dotted;
Border-width:20PX;
Border-color:#FF0000,#00FF00,#0000FF;
}

CSS Test1.html

<html>
<head>
<link rel=”style Sheet” type=”text/css”  href=”myStyle.CSS”/>
</head>
<body>
<P>
……………
……………
………………..
</P>
</body>
</html>
CSS Example2 Inter Style Sheet with Class Slector

CSS Text2.html

<html>
<head>
<Style type=”text/css” >
.b
{
Border:double;
Border-color:green;
Border-width:15Px;
Background:skyblue;
Color:red;
Width:800PX;
Hight:100PX;
Text-align:center;
Margin-left:50PX;
Margin-top:100PX;
}
.b2
{
Border:dashed;
}
.b3
{
Border:solied;
}
</style>
</head>
<body>
<h1 class=b1>
Double
</h1>
<h2 class=b2>
Dashed</h2>
<h1 class=b3>
Solied</h1>
<P class =b1>
Peers Technologys</P>
</body>
</html>
<DIV> and <SPAN> is used for identify a region in  the web page.

0 comments:

Post a Comment