.example
#example
element.example
example
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
:focus
:active
:hover
:visited
E[attr^=value]
E[attr$=value]
E[attr*=value]
None of these
content p
p.content
.content > p
p .content
text-color
color
font-color
All of These
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
tag
id
class
both class and tag
ul > li
ul li
ul + li
ul ~ li
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
css
style
script
link
Combinator selector
Pseudo Class selector
Pseudo elements selector
Attribute selector
absolute
static
fixed
relative
E#id
.class
#id
*
input:checked
input:focus
input:hover
input:active
rgba(255,55,255,1)
rgba(255,255,255,0.0)
rgba(255,55,255,.5)
In the <body> section
At the end of the document
In the <head> section
Any Where in a Page
focus
hover
active
checked
HTML
CSS
JavaScript
PHP
#classname
.classname
element.classname
*classname
text-size
size
text-length
font-size
Match the CSS Selector with Its Description
A →1, B →5, C → 3, D → 4
A → 2, B → 3, C → 1, D → 4
A → 2, B → 6, C → 4, D → 3
A → 5, B → 3, C → 2, D → 4
REL
URL
REV
all of these
p{font-style: "Times New Roman";}
p{font-family:"Times New "roman",Times,serif;}
p{font-weight:"Times New Roman",Times,serif;}
order
stack
z-index
layer
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
h1.hover
h1*hover
h1:hover
h1-hover
Easier to maintain and update
Greater consistency in design
More formatting options.
All of the above
jQuery
style:bold;
font:bold;
font-weight:bold;
text:bold;
:default
:%
:disabled
:element
:empty
:enabled
Name
ID
Class
Tag
list-image
bullet-image
list-style-image
image-style
to make that specific paragraph text color as blue
Error
nothing happen
None of the above
background
background-attachment
background-color
background or background-image both
bgcolor
bg-color
E ~ F
::after
:checked
border-width
border-bottom
border-width-bottom
border-bottom-width
font-weight
font-style
text-decoratio
text-weight
background-repeat
background-position
~
>
+
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
repeat-x
repeat-y
no-repeat
Apply styles for the web page
Define structure of the web page
Provide meaning to the sections of the web page
Creating Style Sheets
Cascading Style Sheets
Computer Style Sheets
Colorful Style Sheets
<Link> tag
<Style> tag
<Script> tag
@media
Match the CSS User Action Pseudo-Class with Its Effect
A → 4, B → 3, C → 2, D → 1
A →5, B → 4, C → 3, D → 2
A → 6, B → 2, C → 3, D → 4
A → 5, B → 2, C → 3, D → 6
article
html