CSS
CSS
@ Absouse Wises ~
J Thoae asco fined, and wopseamt an exact p ical aige
9 ghey one not v0 commanded jp oan andl ana due
Exompur © om Ccombimoless) + Uaoput fox poi. ayes
° rn iris) Aso aod eu pant
e@ In Cinenos) db Meh <96 plals = 2. 540m
© px Cpixels) | priaciae condusl ouedr elomont.
@® Rolarive units
7 These wiih Scale bole a) i Y,
ceenss cipfenant Clanions and Acsiont
size.
2 Troy adapr to diy context amc auo me 2 parila.Exompu: 9 7% % Ropsesemt a jroncoms ae Posent Clement's
pucpouy Ce. q rey s haight)
© Vrowpou uoidth (vw) + 4% of sho tewopout unicttn
© wWeuspout aatgee Cvhnd? ay. x ane pas
* EM! Ralavve +0 tho
Example: Of Yio Fons - og 479 poses, eee
lem = I6px-
© REM: Relatlve +o do prt slat on 406! atomomt ('himt')
@5> Qn ee ‘aaa ieee spot CSS colon ?
> © Heeodscimat Foumat
9 Tho hexadecimal Foumal sefuosemts coLowd img. a cembinatton
Six chaxates (0-9 2 A-F)
Ex! nig
cOlox : #336699
3
® Rew sounat
> Tho RGB ae ee ed age Coed, Aram, blue)
Bet cg ed ab, ete
Ex:
‘ego ~colou : ogb (285, 0, 128);
® Rawa
> Tho RaBA extends RGB by a } an alpha chamnel
Copacity) “vause Sean O40 4).
Sgr: wAba ( ved, qe, bus iene:
Example: aiy ¢
baclec - : |
: fosunsl ~coL0. "GPA C0, 128, 2860.3); |® Hse jewmot
> Tre HSL powmot seaprenont cotores mene rut, saruxolon and
Hanionas
Syntax! shat (huss, sudunotion , Lightnass) :
© lw! 0 40 360 Colagtea asusund Hw Celex Usheel)
© Sasunxation: OY quay) +0 (00% ( past cole),
° dasa O07 (vlad) 40 100% Cudnrite)
Exompu, sbom §
color ASL C120, 100%
a
, 80%)
© HsLa sowmot
> 9t nemases alpha channel city
> Symar! hata Chuo, conan ap apna)
Exampur a §
backequoumd -cotor + hata L240, 607. , 50% ,0°8) >
3
© Proctyimed /cuoss- Arousavt Color name .
> ess support prccupried cote nama Coq ved , bua ,qctin)
©6> Explaim Gor modal waite pop exemple .
Jha CSS box mode! vs Used to dasiqn use pages Qmd conuats
ana j (es! bo “o ; v
Re Sait Reena magn mang
4. Comsemr Axoo.
centaims tho actual cata , Auch as text, i
moa .
a Gales pau. ne suiden oma nian a
ou atnese2 Ae
img Atoa.
> sodouna
tho coment cua -
> Space usitrim tno bods box.
8- Bonde Area
> Xles pawn ste eg
anges an te
at ge pea bg oe
os sth elements ‘om ns ae
> Birwnsions “pecs ov “4
Exampu: p¢
usidth *. 80 px ;
shaighs + FOpx 5
rah
Bordo + 2px solid black:
; eae 1 Spx y
2 een ae emp padaing margin amd usidtn aoa ieee
een (ier aaeung. cuanses space axeund an elements contents,
inside boxdoxs ,
9+ cam be Aer wang he ‘padating-!
CSS unos cial
cee Ba see re
* pacding -+ep
e pactouines — boo tom
° pasa af”
Example» iv §
posdung. agp Sopx 6px toe a
Tight berm
3
@>mensgune s cee ane uded to wal Space auound Comores, ous;
“ ony Se borclucs.
Te sae eet by a Shourhandd Postel jon
ms es right:
> mahi
- BB HOM
~
« neat
Rompte, pg
mg yas SOpx FSpx JOO pA
&
gy
Pe
mongin- top : 25 px!
3
oe ck Pete 4 wand 0 aut the gma aici
On eloment.
The CSS max - width le uaed 10 eet tte maximum
usidth ek an elomont.
Ex: aiy §
nage 100 px :
wid: S00 bx :
; bpceqrvounet colon * bus:
O@S Aescuiba ispioy Pepa. sail: pleas excmpie.
Tho Ais} fp paopeuy de used Jo
Clomomts that are childuen 4 ac cies
elomera .
ae> pe
bade eee -
3 d qe
® Aetjacerct Altouing, celeron C1)
Exampu : ad } wt
pricing corde
Cloris 41 Selects aa fou cps
hot” aso A
Zaiv> elomonts: Pieced immedi
deep f ¢ %
ba. ; ;
3 ~ 7 ele agetee
eereral eatosing. aanacton CX)
nampa! aie peucuning meepte alec
a a 3 an
lomants , no te a
au wp 3
ae “cole: yatows® Peoucto - etomonts
Sheudo - Elements
A CSS jpanuclo —ataments dim. uaad Yo alyle Ghacied patty ef am
elomornt ,
© Feusr~ time Psocteto - element
Exambu: Tho exampes aaa het phar ane
the “sext im alt Clomomts -
Pie poeat ~dime §
Cotor! 4 440000;
Fert - vauamr + malt -capa:
® Foliar ~ Letter, Paoucto - ctement
text inal elements -
BES pout tester ¢
Coteu: #JfO000!
; pore sige 1 xcdange 3
® Bepere Praucto - element
Exampte: Tho fouce ving e i oi ene
c4entent oh each Hove eum me Aifpexonce Leruscom auto ,O and 2~ Index in CSS.
QO Aw. ge ‘auto’ vate fe | Zindex ‘aliouss' re pruoussex so
Quem olowmune dhe
You might also like