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