Selects all elements
Selects all siblings after a specified element
Selects only the first sibling of a specified element
Selects only the last sibling of a specified element
:nth-child(last)
:last-child
:only-child
:nth-last-child(1)
clear
overflow
z-index
display
Match the CSS Sub-Selector with Its Meaning
A → 2, B → 1, C → 3, D → 6
A → 2, B → 1, C → 3, D → 4
A → 2, B → 5, C → 3, D → 4
A → 5, B → 1, C → 3, D → 4
h1 h2 h3
h1+h2+h3
h1,h2,h3
h1>h2>h3
Selects the first child of an element
Selects all sibling elements
Selects the immediately next sibling of an element
Selects the parent of an element
mouse over
mouse hover
hover
mouse move
list-image
bullet-image
list-style-image
image-style
Apply styles for the web page
Define structure of the web page
Provide meaning to the sections of the web page
None of the above
border-style
border-radius
border-collapse
border-spacing
Documents to be viewed on-screen tend to look better in Sans-serif fonts
Not everyone has the same set of fonts.
Printed documents tend to look better in Serif fonts
All of the options
Tag > Class > ID
Class > Tag > ID
ID > Class > Tag
Universal > ID > Class
f:
Font:
Font-family
Font:b
Match the CSS Position Property with Its Meaning
A → 5, B → 4, C → 3, D → 1
A → 2, B → 4, C → 3, D → 1
A → 5, B → 4, C → 3, D →6
A → 4, B → 5, C → 3, D → 1
Universal Selector (*)
Tag Selector
Class Selector
ID Selector
Removes the element from the document flow
Positions the element relative to its normal position
Centers the element on the page
Applies relative positioning to all child elements
p{font-style: "Times New Roman";}
p{font-family:"Times New "roman",Times,serif;}
p{font-weight:"Times New Roman",Times,serif;}
None of these
.(dot)
# (hash)
* (asterisk)
@ (at sign)
ID selector
Class selector
Group selector
Universal selector
input:checked
input:focus
input:hover
input:active
#classname
.classname
element.classname
*classname
content p
p.content
.content > p
p .content
rect
crosshair
auto
inherit
absolute
static
fixed
relative
.example
#example
element.example
example
Combinator selector
Pseudo Class selector
Pseudo elements selector
Attribute selector
It consists of Margin, Padding, Border, Content
It consists of Padding, Border, Shadow
It consists of Content, Outline, Shadow
It consists of Border, Margin, Shadow
:focus
:active
:hover
:visited
Easier to maintain and update.
Greater consistency in design.
More formatting options.
All of the above
Rich Decorations
Faster download times.
No need to write HTML Tags
HTML
CSS
JavaScript
PHP
class
id
type
:element
:empty
:enabled
jQuery
Easier to maintain and update
Greater consistency in design
color:red, text-decoration:underline works
only font-style:italic works
color:red, text-decoration:underline and font-style:italic all works
text-decoration:underline and font-style:italic works
tag
div
What will happen in the following case ?
h1 {color: red text-decoration: underline; font-style: italic;}
color: red, text-decoration: underline and font-style: italic all works
text-decoration: underline and font-style: italic works
color red, text-decoration: underline works
only font-style: italic works
both class and tag
text-decoration: bold
font-weight : bold
font-style: bold
text-align: bold
E.class
E~F
*
E,F,G
h1.hover
h1*hover
h1:hover
h1-hover
style:bold;
font:bold;
font-weight:bold;
text:bold;
text-color
color
font-color
All of These
article
html
:valid
:required
:optional
:invalid
Some selectors can lead to cross-browser issues
Cannot request a webpage through CSS
Parent Selector tag is always available
Cannot always assure compatibility with every browser
The size of the text-shadow
he Y-coordinate of the text-shadow
The X-coordinate of the text-shadow
The blur radius
focus
active
checked
margin: 20px 20px 30px 30px
margin: 30px 20px
margin: 20px 30px
margin: 30px 30px 20px 20px