Ch-5

Cascadhoy St Shect

DHTML
1t
Dynamic HTML
mot a language rathe
is
A t +
a
Combination HTML+ CSs +Scnpt Dom.

Staic Ns Dnamic ebpaqe

Static webpage rwebste Contoins Sa me
sormahy eneytime
wi 7t ehaungs
eni. 91
Content

HTDIL îs ed to cate stte ebpje.

Dynamie webp Centans ntomahy

Hhat chanaes depamdt'n wtY, tme
ete
To creai d mamuc ebpa we
o vbscnpt)Dom
HTmL, çss, Senpt (Jawascnp

DHTML
DHTML
CharactershCA
maluon
Mawue roileve
f
elements

porbu
menu
Commenk
Seasch ci
hadback trm
mbut
 DHTML Compomern

ocreate
HTML: A maakup angua Used

da out oepgo
CSS
ebp
Casadhg Sa Shec, used o dein
o

8h fmathg ebpea* *
ditertnt elumens
Senpt Javasci h o Bscaupt

roRammng nclus G
embeddso nt
RTML Cerda

dunamueeatns Jr tr tta boose

haw to chhage fhe webpope Anespon

Dom
J
J
a
(Document

dine
dbjeck odel)
slamdaid nodel tos
HTmL elemons a
HTmL
heis{chical
Lodel ec.
CsS Cascads styl chut:
Css u a
aeaonyn how Cascadhg, 8 seut

CSS ues ulls calladshyles tdahue

Lk& opeaantt weweb Covtent

.UsPu CSS Ca Set celm fora, brvdey

backqteund a* ee
wa
Cacadig shey k a
sheaje
wwc t boowser detemine wwch shyles

a seui a g
drmlons astey.Code
Pageahave
2. e te type les
hsatout +he
welpage
3Conistemcy
Contet
Maintenan pdatian owebsike
eie
5. e can kocus ovm Contet appeáana
satl
Rustarns

,
o1 css
9isplas

ep
lan
du
ayo
n dut elb.
Con

wth Asadfa
cha
eale e
tormathy
d
Syntax o fAald shye lsto ae&p
To de a Aule , tivstly e decde sid4

tag w wan & hecby rle,

Tis

Calladsel selo cho

6electoy property:valu

prope yalue

HLCelar:
ved tont-triley:Arias f
Hectasat
Selech

Selector fa tname thout bracket gwseh

aphlied

proet ama Value icpaated by colon

by

Apal prope md i vale

Calld dRc larahon

Mulb proputes are aated by seuítdn

Waug to dd stye-shact rules

1 Imine higbes precedence

2 lnteAnal
3 Extena!
nline shyly
CsS stye rulv A added nko HTmL
elemet (taa) by sfnoty athibute
e
H1 style ="colo: red ;fomt-hamily:
d asial

hteanal Styey
n tis css shyla mula id placed tin
header Sectton
by using stylay *o

/HTMER
style +ybe ="text/ess*>
H1 colo:vod; text-albgn:ento
Llstaley
ZnEAD
Body7
HBody
3 Extena Shye Rules
css style rulus ai otten ån
&epanate I4le wich is sawed wth .css |
extenr.
This css ila i oddd in HTmL e
una KLINE t

e2 An tle myweb.css

;
H1 color

PColor: bue ;
ved; tot-shya: italic
bordn ap

abc. hhm!.
solid
red

An HTl
HTTL
HERD
UNK sel="shyeshast type="tess
he="myorb.

HERD
<B00y7

/eD
HTML
 =
Hfdingq Css
use
Code om ot brousevd

<!-- -)to
We Can Comment tog8
hide CSS Contm otd bowsers that do

not suport
shyto
fmoter isaim i ha fwe ds not oamt to
to
discore cSS Code to user

styta ube t/css ")

H1 Coloi: red

7
ishy7
exambla t Cda H1 Cole: rd
Css
will be aated a a Commemt if$a7
Taq smet htad by brsser
Ha outbut
prcupihg Elementt with CLASS attvbute

Class attvibute i wed t oapbly

Same
t all elamant oà a

H1 clas ="system operating system H1

H1
HL clax ysten languge procor H1)
H 1 clas =Bystem Devi DAer H1
H1 chyap}tcatinn General Purpose H1
H1 clan aplicaho Speciabst H1
HL clan=aplicaioi Customi sed H1
CSS Code

Bue
H1 Col: {
H1. AystemColor: ved

H1.applicahen Colar:qleen?

Hee CSS ules dtnad separately

Systen
Omd apbeahn7 cdhng of
element