UNIT 2
Wlhat is css ?Cxpain ts types
- ) CSS standst fox ascading style sheet cohich
Sepavate the cebe?te design far
allos to
Al the design elements ch as
its
forrt background wekpoge layout
ate stored cSs hile csh an
extention
Html
Gienevally
elenests
e detynes the
OHe shon athe
e la ohich the
Cueb poge
A style Con be
Selector
sed io the
Cpropesty ovalwe)
a l l
tolloung tona
Types of
i P
TOloe
a n
style sheet
2.
i v Enedded style sheet
S h Extevna style hec t:
.Tnline style sheet g
Ihlloe Style ehets are
should be dne for a
uSed when
cging elemerts Sb a cebpage
Single (or) mutple
at a Rosta ce.
data
tnilaze the ype
Poogram
Arnlz
<htm
head
<head
Ait
<ttle7
cheodz
e la
backeound ~color : blve ?
fon tt - s2e
a l l
12ptj
font
i P
c\ecy> a n
Welcome
zltulz
i v
2-
S h
Embedde d tyle heet -
Tt
styng showld be done cshen the
Pati cular
ebpage YothaY han n moHple
-they ty csrd
mosly tor
te
Pages.
coebste.
cngle Poge
zhiml
zhead7
ztley
esetype
Ay2 Colos green i
-foot -s2e93 p 1
-font -foily
-font - elgh boder i
e l a
<ltyle> a l l
clheadz
i P
sbodyz
a n
v
class = yz" welcome
hi
3.
S
<]tml7
External style heet
wsetto tyle
set b faoes. I s yPe b tyle
mutple
-aules hat Spetjc to
sheet ythe CSS
Coittn docment
opliattn
Under "learne CSS extenslon.
Saved
plrogras.
chtml>
chead
<ttte > cltte>
iak re - "tle sheet" href ="style Css"
<|heads
bodyz
<P claSs = "x
"xyz welcone
e la
<lbooy7
a l l
i P
a n
i v
S h
Filters Tyan Stins
?mportont le
& Fllers &Tiansttos play
motBmeda ebbects They provide
catng
ebtects to ceb paaes othout
cdynaicc visua
ony
ine delay
* FiHexs
ettects to Sone
a
IH is USed to py víga
4TML objects and Sone other
le lcjectS
&ke
buttn div
,f{Hers
img fan, tabe
a l
USJally applied totext
ett.
ord grophics
i P
Effect
Fltp H
a
Creates n Desciptico
hozotal mtt image.
FIlp V
i v CIeates verti ol
Blux
S h CawSeS
Genesates
on oect -to be in a stote
a cOave 1ke dis to to to
Wave
oaject
hona Cawses a colY to op pear |become
tsonspaet
Siloo. lo ebbect ud an
oBect
GroysCale TUums oiect to gryscale
Tvegt Creates 3OveYSe an object
Cxeates toonsparent mat tro
Mask
the ve tsons pasent
Rxels
shado Creates shadou) behi d the object
Exomples Vasios &tS g
e la
Zmg SYe =oesktop Jimg
(Height
JPglt
a l l
i06" tyle "fi Her
i P
a n Th
*
v
Tan stions
i
the h
TKansitins
S
cot<rts
Rters that pode
they
ebtects t
the
-for
visunly changg |movg a
Page foo ne state to onotte.
based ettect theeby alloig
they
pDvlde time
Ao Create
-the
Rmages
a) Revea I oonstions
b) Bled tonsitin fttes
) Reveal Tansitin
The xevea tonstion
lte Cosittn Reveal Fuons s plied
muiple wisnl bct toether
to shohide thern.
e la
a
tey
a l l
oeveal trons (dusatton zd t
STYLE
toostin
P
tsansitin Shope)
i
Bed nstion
a n
i v the bled tionstion
is pplid to
h
Blrd tons
fadeOt tor
visua
S
cetoin tthne
oiet to fadeln
liit
Sytax
SYE ltes blendtsons dratndoratian);