13. wmGmGm (3) 8g Aa¨vq
13
Aa¨vq-22 t CSS Box Model ...........................................................................................153
22.1 t Box-Model Gi e¨vL¨v................................................................................................154
22.2 t Margin....................................................................................................................154
22.3 t Padding..................................................................................................................155
Aa¨vq-23 t Margin........................................................................................................156
23.1 t margin-top..............................................................................................................157
23.2t margin-right............................................................................................................158
23.3 t margin-bottom.......................................................................................................160
23.4 t margin-left.............................................................................................................161
23.5 t shorthand margin...................................................................................................162
Aa¨vq-24 t Padding.....................................................................................................164
24.1 t Padding Gi e¨envi....................................................................................................165
Aa¨vq- 25 t Border........................................................................................166
25.1 t None ev border-style: none.................................................................................168
25.2 t Dotted ev border-style: dotted.............................................................................170
25.3 t Hidden ev border-style: hidden...........................................................................171
25.4 t Dashed ev border-style: dashed .........................................................................172
25.5 t Solid ev border-style: solid ................................................................................172
25.6 t Double ev border-style: double...........................................................................175
25.7 t Groove ev border-style: groove ..........................................................................174
25.8 t Ridge ev border-style: ridge................................................................................175
25.9 t Inset ev border-style: inset .................................................................................176
25.10 t Outset ev border-style: outset .............................................................................178
25.11 t Inherit ev border-style: inherit.............................................................................179
25.12 t Shorthand Border...............................................................................................184
Aa¨vq-26 t Outline........................................................................................................187
26.1 t Outline wK? .............................................................................................................188
Aa¨vq-27 t Grouped Ges Nested Selectors................................................................189
27.1 t grouping and selector.............................................................................................190
Aa¨vq-28 t External Style Sheet...................................................................................194
28.1 t External style sheet wK ? .........................................................................................195
28.2 t External style sheet e¨envi Kivi wbqg.......................................................................195
Aa¨vq-29 t Id, Class I Comments..............................................................................197
61. wmGmGm (3) 8g Aa¨vq
61
†h c‡q›U mvBR Gi †jLv Avcwb em w`‡q †`Lv‡Z Pvb, Zv‡K Avcbvi 16 w`‡q fvM Ki‡Z n‡e| MvwYwZK fv‡e
ej‡Z †M‡j
Font size in em
hw` GiciI Avcbvi eyS‡Z mgm¨v nq, wPš—v bv K‡i wb‡Pi AbykxjbwU †`Lyb mewKQy cwi®‥vifv‡e eyS‡Z
cvi‡eb|
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1 {font-size:2.45em;}
p {font-size:1.2em;}
</style>
</head>
<body>
<h3> Breaking News</h3>
<h1>60% off in all products</h1>
<p> Get 60% off on our all selected products. Available from 16 September to 31
September.</p>
</body>
</html>
Ex-2:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1 {font-size:5em;}
p {font-size:4em;}
</style>
</head>
<body>
<h3> Head Line </h3>
<h1>60% off in all products</h1>
<p> Get 60% off on our all selected products. Available from 16 September to 31
September.</p>
</body>
66. wmGmGm (3) 8g Aa¨vq
66
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {font:harrington;}
h1 {font:forte;}
div {font:"cooper Black";}
</style>
<body>
<h1> Introducing:</h1>
<p>
The brand new Honda City Motorbike. It has a superb milage of 45kmpl.
</p>
<div>
We have a very big network of survicing Centers all over the country.
</div>
</body>
</html>
AviI GKwU Abykxjbx t
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {font:vani;}
h1 {font:Georgia;}
div {font:"Kalinga";}
</style>
<body>
<h1> Introducing:</h1>
<p>
The brand new Honda City Motorbike. It has a superb milage of 45kmpl.
</p>