You are on page 1of 0

Certified CSS Designer

VS-1028
Certified CSS Designer
www.vskills.in


Certified Certified Certified Certified CSS CSS CSS CSS Designer Designer Designer Designer
Certification Code Certification Code Certification Code Certification Code VS-1028
CSS CSS CSS CSS Designer Designer Designer Designer Certification Certification Certification Certification requires HTML knowledge or VSkills HTML Designer
Certification to allow organiations to easil! de"elo# we$site and ot%er we$ $ased
a##lications w%ic% are required $! t%e& t%ese da!s' (or growt% and de"elo#&ent) all
organiations need well-&aintained and efficient we$ sites to function effecti"el!' *earl!
e"er! sector requires CSS #rofessionals+ to #erfor& we$ site su##ort tasks suc% as kee#ing
we$ site u#dated and trou$les%ooting if an! #ro$le& arises w%ic% %el# to kee# t%e we$ site
running s&oot%l! and efficientl!' Vskills #ro"ide certification course for t%ose seeking
career in CSS t%at %el# #eo#le wit% we$ design ,o$s to #erfor& t%eir tasks $etter'
-% -% -% -%! s%ould one take t%is certification. ! s%ould one take t%is certification. ! s%ould one take t%is certification. ! s%ould one take t%is certification.
T%is Course is intended for #rofessionals and tec%nical graduates seeking career in
Software industr! and wanting to e/cel in c%osen areas' 0t is also well suited for t%ose w%o
are alread! working and would like to take certification for furt%er career #rogression'
0ndian 0T industr! is &o"ing u# t%e "alue cur"e) and toda!1s scenario de&ands &ore
s#ecialiation and t%at is w%ere a certification of t%is t!#e will add "alue' T%e course is
de"elo#ed wit% a &oti"e to en%ance !our skills and %el#s in $uilding confidence) t%us
&aking !our ,o$ &ore c%allenging and rewarding' T%e certification %el#s e/tend we$ site
related skills and ulti&atel! ac%ie"e #roficienc! at work'
-%o will $enefit fro& taking t%is certification. -%o will $enefit fro& taking t%is certification. -%o will $enefit fro& taking t%is certification. -%o will $enefit fro& taking t%is certification.
T%is course $enefits students w%o wis% to &ake a career in we$ de"elo#&ent industr!'
T%is course is also $eneficial for #rofessionals alread! working and wants to acquire
knowledge in t%is seg&ent of industr!' Students will $e read! for ,o$s fro& da! 1 since t%is
is a %ig% de&and skill in software co&#anies' 2rofessionals alread! in t%e we$
de"elo#&ent sector looking for ,o$ switc% will also $enefit fro& t%e certification' T%e
certification is designed to focus on de"elo#&ent of e&#lo!a$ilit! skills essential for toda!3s
0t su##ort t%at inculcate organiation and ti&e &anage&ent) stress &anage&ent) self-
anal!sis) self-#ro&otion and #rofessional de"elo#&ent skills' 0t #ro"ides an o##ortunit! for
t%ose w%o wis% to work in an organiation as an we$ de"elo#&ent #rofessional'
Test Details4 Test Details4 Test Details4 Test Details4
• Duration4 Duration4 Duration4 Duration4 50 &inutes
• *o' of questions4 *o' of questions4 *o' of questions4 *o' of questions4 60
• Ma/i&u& &arks4 Ma/i&u& &arks4 Ma/i&u& &arks4 Ma/i&u& &arks4 60) 2assing &arks4 26 76089+ T%ere is no negati"e &arking in
t%is &odule'
Certified CSS Designer
www.vskills.in

(ee Structure4 (ee Structure4 (ee Structure4 (ee Structure4
:s' 2)000;- 70ncludes all ta/es9
Co&#anies t%at %ire Co&#anies t%at %ire Co&#anies t%at %ire Co&#anies t%at %ire Vskills Vskills Vskills Vskills Certified Certified Certified Certified CSS Designer CSS Designer CSS Designer CSS Designer

CSS #rofessionals are in great de&and and &a,or 0T co&#anies in 0ndia %ire t%e&' T%ere
are a lot of $outique nic%e co&#anies) s#ecialiing in 0ntegration Ser"ices) w%o are
constantl! %iring knowledgea$le #rofessionals' 0nternational ,o$ consultants also are
constantl! looking for CSS S#ecialists for o"erseas ,o$s' T%e skill is also greatl! in de&and
in su#er s#ecialied go"ern&ent #ro,ects on contract $asis'
Certified CSS Designer
www.vskills.in


Table of Content
1' CSS <asics 1' CSS <asics 1' CSS <asics 1' CSS <asics
1'1 0ntroduction
1'2 -%! to use CSS
1'= CSS >ditors
1'? @ CSS >/a&#le
1'6 Custo& CSS
1'5 Cross <rowser Testing
1'A 0ncluding CSS
1'8 Validating CSS

2 CSS C 2 CSS C 2 CSS C 2 CSS Co&#onents o&#onents o&#onents o&#onents
2'1 CSS Co&#onents
2'2 :ules
2'= Selectors 7Brou#ing C T!#e9
2'? Declaration <lock
2'6 2ro#ert!
2'5 Value
2'A De!words7@uto) Multi#le C String9
2'8 Lengt%s
2'E :elati"e Fnits 7#/) e&) e/) 89
2'10 *u&$ers
2'11 Colors
2'12 F:L79
2'1= Guirks Mode

= Selectors = Selectors = Selectors = Selectors
='1 Selector <asics
='2 Tag Selectors
='= Class Selector
='? 0D Selectors
='6 Brou# Selector
='5 HTML Hierarc%!
='A Descendant Selector
='8 Fni"ersal Selector

? @d"anced Selectors ? @d"anced Selectors ? @d"anced Selectors ? @d"anced Selectors
?'1 2seudo-classes and 2seudo->le&ents
?'2 2seudo-Classes for Links
?'= Direct C%ild Selectors
?'? *e/t Si$ling Selector
?'6 @ttri$ute Selectors
?'5 2seudo->le&ents 4(irst-Letter @nd 4(irst-Line
?'A @d"anced 2seudo-Classes

Certified CSS Designer
www.vskills.in

6 Cascade a 6 Cascade a 6 Cascade a 6 Cascade and 0n%eritance nd 0n%eritance nd 0n%eritance nd 0n%eritance
6'1 0n%eritance <asics
6'2 -%! 0n%eritance
6'= 0n%eritance :ules
6'? Cascade <asics
6'6 CSS S#ecificit!4 @n H"er"iew
6'5 -%at is S#ecificit!.
6'A S#ecificit! %ierarc%!
6'8 (inding Selector1s S#eciIcit!
6'E Ji&#ortant Fsage

5 @##l!ing (ont ( 5 @##l!ing (ont ( 5 @##l!ing (ont ( 5 @##l!ing (ont (or&atting or&atting or&atting or&atting
5'1 (ont (or&atting <asics
5'2 (ont-(a&il!
5'= (ont Co&$inations
5'? (ont-St!le
5'6 (ont--eig%t
5'5 Te/t-Transfor&
5'A Te/t-Decoration
5'8 (ont-Variant
5'E (ont Sie
5'10 (ont S%ort%and

A Te/t Dis#la! C A Te/t Dis#la! C A Te/t Dis#la! C A Te/t Dis#la! Control ontrol ontrol ontrol
A'1 Te/t Dis#la! <asics
A'2 Line-Heig%t
A'= Letter-S#acing
A'? -ord-S#acing
A'6 Te/t- 0ndent
A'5 Te/t @lign
A'A -%ite S#ace 2ro#ert!
A'8 @dding Color to Te/t

8 2 8 2 8 2 8 2age age age age <ackground <ackground <ackground <ackground
8'1 <ackground <asics
8'2 <ackground-Color
8'= <ackground-0&age
8'? <ackground-:e#eat
8'6 <ackground-2osition
8'5 <ackground-@ttac%&ent
8'A <ackground S%ort%and

E CSS <o/ Model E CSS <o/ Model E CSS <o/ Model E CSS <o/ Model
E'1 <o/ Model <asics
E'2 Margin
E'= Margin Colla#sing
Certified CSS Designer
www.vskills.in

E'? Margin for Horiontal @lign&ent
E'6 <order
E'5 2adding
E'A Heig%t and -idt%
E'8 0> quirks &ode
E'E Min and Ma/ Di&ensions
E'10 H"erflow 2ro#ert!

10 (loat 10 (loat 10 (loat 10 (loat
10'1 (loat <asics
10'2 (loat 2ro#ert!
10'= Clear 2ro#ert!
10'? 0> 5 (loat <ugs
10'6 <ug :e&o"al Tec%nique
10'5 Verticall! @ligning Content

11 2ositioning 11 2ositioning 11 2ositioning 11 2ositioning
11'1 2ositioning <asics
11'2 2ositioning 0ntroduction
11'= :elati"e 2ositioning
11'? @$solute 2ositioning
11'6 (i/ed 2ositioning
11'5 K-0*D>L

12 St!ling Lists 12 St!ling Lists 12 St!ling Lists 12 St!ling Lists
12'1 List St!ling <asics
12'2 List Tags
12'= List-St!le-T!#e 2ro#ert!
12'? List-St!le-0&age 2ro#ert!
12'6 List-St!le-2osition 2ro#ert!
12'5 List-St!le S%ort%and 2ro#ert!

1= St!ling Ta$les 1= St!ling Ta$les 1= St!ling Ta$les 1= St!ling Ta$les
1='1 Ta$le St!ling <asics
1='2 Ta$le >le&ents
1='= Ca#tions
1='? Colu&ns
1='6 Ta$le La!out
1='5 <orders Colla#sing
1='A <order S#acing

1? 2rint St!ling 1? 2rint St!ling 1? 2rint St!ling 1? 2rint St!ling
1?'1 2rint St!ling <asics
1?'2 2rint St!le S%eets @d"antages
1?'= @##l!ing St!les <ased Hn Media
1?'? T%e M&edia rule
Certified CSS Designer
www.vskills.in

1?'6 2age <reaks
1?'5 Content 2ro#ert!
1?'A 2rint St!le S%eets Ti#s

16 Custo&iing st!les 16 Custo&iing st!les 16 Custo&iing st!les 16 Custo&iing st!les
16'1 Custo&iing <asics
16'2 Custo& (onts
16'= Bradient <ackgrounds
16'? Custo& Mouse Cursor
16'6 Custo& H#acit!
16'5 Custo& Visi$ilit!
Certified CSS Designer
www.vskills.in


Course Hutline Course Hutline Course Hutline Course Hutline
1 CSS <asics 1 CSS <asics 1 CSS <asics 1 CSS <asics
<asics of CSS
Ftilit! of CSS
>ditors to use for CSS
Testing across different $rowser
:eferring CSS in HTML file
Ste#s to Validate CSS
2 CSS Co&#onents 2 CSS Co&#onents 2 CSS Co&#onents 2 CSS Co&#onents
2arts of CSS :ule
>/#laining Selectors 7Brou#ing C T!#e9
0llustrating Declaration <lock
-%at is 2ro#ert! and Value
Detailing De!words7@uto) Multi#le C String9
Different Lengt%s
:elati"e Fnits 7#/) e&) e/) 89 in CSS
How to use *u&$ers in CSS
>/#laining Colors in CSS
F:L79 usage
Guirks Mode in CSS
= Selectors = Selectors = Selectors = Selectors
Selector <asics
>/#laining Tag Selectors
Detailing Class Selector
0llustrating 0D Selectors
-%at are Brou# Selector
Details on HTML Hierarc%!
>/#laining Descendant Selector
-%at are Fni"ersal Selector
? @d"anced Selec ? @d"anced Selec ? @d"anced Selec ? @d"anced Selectors tors tors tors
0llustrating 2seudo-classes and 2seudo->le&ents
Detailing 2seudo-Classes for Links
>/#laining Direct C%ild Selectors
-%at is *e/t Si$ling Selector
@ttri$ute Selectors in CSS
-%at are 2seudo->le&ents 4(irst-Letter @nd 4(irst-Line
@d"anced 2seudo-Classes in CSS
Certified CSS Designer
www.vskills.in

6 Cascade and 0n%eritance 6 Cascade and 0n%eritance 6 Cascade and 0n%eritance 6 Cascade and 0n%eritance
<asics of 0n%eritance
-%! 0n%eritance to use
0n%eritance :ules in CSS
Cascade in CSS
CSS S#ecificit!4 @n H"er"iew
-%at is S#ecificit!.
>/#laining S#ecificit! %ierarc%!
(inding Selector1s S#eciIcit!
Fsage of Ji&#ortant
5 @##l!ing (ont (or&atting 5 @##l!ing (ont (or&atting 5 @##l!ing (ont (or&atting 5 @##l!ing (ont (or&atting
(ont (or&atting <asics
(ont-(a&il!
(ont Co&$inations
(ont-St!le
(ont--eig%t
Te/t-Transfor&
Te/t-Decoration
(ont-Variant
(ont Sie
(ont S%ort%and
A Te/t Dis#la! Control A Te/t Dis#la! Control A Te/t Dis#la! Control A Te/t Dis#la! Control
Te/t Dis#la! <asics
Line-Heig%t
Letter-S#acing
-ord-S#acing
Te/t- 0ndent
Te/t @lign
-%ite S#ace 2ro#ert!
@dding Color to Te/t
8 2age <ackground 8 2age <ackground 8 2age <ackground 8 2age <ackground
<ackground <asics
<ackground-Color
<ackground-0&age
<ackground-:e#eat
<ackground-2osition
<ackground-@ttac%&ent
<ackground S%ort%and
Certified CSS Designer
www.vskills.in

E CSS <o/ Model E CSS <o/ Model E CSS <o/ Model E CSS <o/ Model
<o/ Model <asics
Margin
Margin Colla#sing
Margin for Horiontal @lign&ent
<order
2adding
Heig%t and -idt%
0> quirks &ode
Min and Ma/ Di&ensions
H"erflow 2ro#ert!
10 (loat 10 (loat 10 (loat 10 (loat
(loat <asics
(loat 2ro#ert!
Clear 2ro#ert!
0> 5 (loat <ugs
<ug :e&o"al Tec%nique
Verticall! @ligning Content
11 2ositioning 11 2ositioning 11 2ositioning 11 2ositioning
2ositioning <asics
2ositioning 0ntroduction
:elati"e 2ositioning
@$solute 2ositioning
(i/ed 2ositioning
K-0*D>L
12 St!ling Lists 12 St!ling Lists 12 St!ling Lists 12 St!ling Lists
List St!ling <asics
List Tags
List-St!le-T!#e 2ro#ert!
List-St!le-0&age 2ro#ert!
List-St!le-2osition 2ro#ert!
List-St!le S%ort%and 2ro#ert!
1= St!ling Ta$les 1= St!ling Ta$les 1= St!ling Ta$les 1= St!ling Ta$les
Ta$le St!ling <asics
Ta$le >le&ents
Ca#tions
Certified CSS Designer
www.vskills.in

Colu&ns
Ta$le La!out
<orders Colla#sing
<order S#acing
1? 2rint St!ling 1? 2rint St!ling 1? 2rint St!ling 1? 2rint St!ling
2rint St!ling <asics
2rint St!le S%eets @d"antages
@##l!ing St!les <ased Hn Media
T%e M&edia rule
2age <reaks
Content 2ro#ert!
2rint St!le S%eets Ti#s
16 Custo&iing st!les 16 Custo&iing st!les 16 Custo&iing st!les 16 Custo&iing st!les
Custo&iing <asics
Custo& (onts
Bradient <ackgrounds
Custo& Mouse Cursor
Custo& H#acit!
Custo& Visi$ilit!



Certified CSS Designer
www.vskills.in


Sa&#le Guestions Sa&#le Guestions Sa&#le Guestions Sa&#le Guestions

1' 1' 1' 1' -%at is t%e s%ortened %e/adeci&al notation o -%at is t%e s%ortened %e/adeci&al notation o -%at is t%e s%ortened %e/adeci&al notation o -%at is t%e s%ortened %e/adeci&al notation of N((((((. f N((((((. f N((((((. f N((((((.
@' N111
<' N(((
C' Can not sa!
D' *one
2 22 2' '' ' Can St!le S%eets and HTML st!le ele&ents $e used in t%e sa&e docu&ent. Can St!le S%eets and HTML st!le ele&ents $e used in t%e sa&e docu&ent. Can St!le S%eets and HTML st!le ele&ents $e used in t%e sa&e docu&ent. Can St!le S%eets and HTML st!le ele&ents $e used in t%e sa&e docu&ent.
@' True
<' (alse
C' Can not sa!
D' *one
=' =' =' =' Can CSS $e used wit% ot%er t%an HTML docu&ents. Can CSS $e used wit% ot%er t%an HTML docu&ents. Can CSS $e used wit% ot%er t%an HTML docu&ents. Can CSS $e used wit% ot%er t%an HTML docu&ents.
@' True
<' (alse
C' Can not sa!
D' *one
?' ?' ?' ?' Can co&&ents $e included in St!le S%eet. Can co&&ents $e included in St!le S%eet. Can co&&ents $e included in St!le S%eet. Can co&&ents $e included in St!le S%eet.
@' True
<' (alse
C' Can not sa!
D' *one
6' 6' 6' 6' @re St!le S%eets case sensiti"e. @re St!le S%eets case sensiti"e. @re St!le S%eets case sensiti"e. @re St!le S%eets case sensiti"e.
@' True
<' (alse
C' Can not sa!
D' *one

Answers: 1 (B), 2 (A), 3 (A), 4 (A), 5 (B)