CSS part-1
CSS part-1
Date:|
hlhat Css
Houoto add
CSS is dded Lo
HTML pager
tonto the ctyle
docement
There coning
thaee ioHIML
docee emon
Inline CsS aloternacsS3. Cxternal Css.
Inline to CSS
cingle Line
CSS Suntox
4 CSS rule Colector a0do
declaation bloc Deelaration block
Selector
preperty Nalue
paanectier
Eowtocdl CSS ?
CSS adde d Lo
HIML pager to ormai the
tonto the ctyle chech
docceaent
There
ateoring
thaee to ingent CS ioHTML
docee mond
Inline aoterna!csS3. Cxternal Css
Inline is to
cingl
<p style -" color : blue")Helo CS <lp
Pags :
Data:
Syntnx
<htmlHag style cssprahartuli valLe Cssprnpariy aAvales
Disaduantages.
Cannot aLAtatibns toitbin oléne CsS
5he
qetaticn brotsser usil interprat
Hhis
color ned
mangin
<IsAyle>
<Ihoad)
<h) Lotorna! CLS KhI)
<lbady
Page
Date:L
) Externa
apply an meltiple. pager
a) pagee
Here Cade
extenofen be
The
the adyantago
ook +he
Ss hat
entire sebeite
chang
ohanging file
teeshe<liok2 tag
he <link tag choul4 be put
head
<head)
<link rel
</hoad)
href"mysiuyle
CSS Com ments
Page:
Dato:| I
CSS Selector:
to. &ele ct the Contonttue
to style
part Set
There re
Severa dif{eranttypea e Seler tors
texi-aliqn center
Celor bluo
<Ihead
<bady? is a paragnanh tag. c/p
<p) id ="paralMe too </p
<lbody
Selector selects he idatibute
HIML plemnt to Select specific elemeat
And id alaye niqjae uoithia the
chosen to Seleet
page
elemen
cingle uniqjue
uori Hpntoithhe hash
hashharac hen (tt)
olloecd theid of the elemont
body
canterp) <nctosS="conter
an Blue
anConter
<hl Blue center clacs <bady <hl
<lhoad
slstyle)
blue color
center textalign
<sAyle)
<hea
clacs the by
rlloued ynbel) tep ul
chagaeton penioclic ith
loss
Spenific
attaibute
elemente
HIML soleets 14Selector Class 3.
<Ibody)
<lp College Hello"paral") id <p
<body
</hcad
color
icenterLextalignrid
Kctyle)
<head
Pago
Date : I
backgraind
eloment
vales for Specitying
the CAlor
he de ine the Color elemnt
waing the 4olausing ngs
RGB ormat
RGBA
Hexa decima! Dotation
HSL
HSA
Builtin color
Page
Date : /
RAB Aormat
short form of RCD GREEN) BL0e
that for de fining the color
HIML eloment cimply by speciying th
value
255
R,GB that
inthe ang
Syntox gb CR,G. B):
exadecimal notatien:
Can be de ined as Color
eprcsen la tion
This notation. tarts with the
ymha!
follauaed bl six chanacterg
tanger
this two digits red (RR)
blue Ba)
Blact 0d0000
whiteolo
Syntax
Color i# (O- )C0-E)Co-p)to-F) (0-) (0-)
3. RGBA Pormat
ic almos cimi lar
hat RGBA Containe A Lalnha) that specitiep
opacity (means the elemenls
The \iale daanspare acy)
Nange00 to
ich
uehich o.o is fon ly
Page
Date :
Syniax
ioxt align Center| lafttnight
(bady
<hl) eXT-AGN <hi)
Cente" CeNTER K?hs
<Ibady
LCSS text -decorakion.
4 CSS that decazatec he
Content the toxt
ndde Lende bove and thaagl the
text
Thege 3 to de corate
text decogalioo -ine
text deconation Celor
text cecoration ctyle
#p3
tortdecoration 3 overine
Klhead
<bady'
<div)
<p id"pl") Dderline <Lp
ine - thre
p2" line
<n td="p2") through rp
textdecoration - Color
to pravide Calor to the decosatioo
Value
ant Colo valid foxmat
<style)
toxt-de coratioo tunderlinedoublered
3
#pas
tertdeeora tion : OVerinedo ted blue i
CSS fant-elght
This
and
preperty is escd for ceing the 4hickoecs
beldnegS.
de-fine the tocight ef the
text
Syntaxt
fant-tueight : non0rmalalightenl bold balder
fent weight i 100- Q00
Thicpreperty can
canhald multiple fant
falbackyte
Ien.spperled in he then thec
be
Yon making ataac hia
Sont famil
Generic font familg Gpecitle fant famiyiez
Caurier Arial,
Serif (Iimes Neo Roman) Timer ete
Sans-serit Calibri)
Cucsive (Carsive)
(Crackd)
Fantas
Monospace (Manaco)
Page:
Date :
the
e thetex4 ralative to
plemente
relatiVe poscible to
Dsing
the +he
chang
paragraph def{ault
Page:
Date:/
Line - height i 2p
Line heigkt A-OF) norma
CSStext -transform
This prapert loues to
change the Case of
the t0xt
14 (eeed to Contrel the text eapitaliz atinn
Thic be to make the
Appeaance
propertytext Ca
all- lOtereale ar all
Synta
Heyt-tran.sform capitalizelupperca se] lowercasel