.example
#example
element.example
example
Tag > Class > ID
Class > Tag > ID
ID > Class > Tag
Universal > ID > Class
padding: 20px 30px 15px 10px
padding: 20px 15px 30px 10px
padding: 15px 30px 10px 20px
padding: 30px 15px 20px 10px
f:
Font:
Font-family
Font:b
class
id
type
None of the above
Opacity
Visibility
Stacking order
Font size
list-style-type: none;
text-decoration: none;
bullet-style: none;
display: no-bullet;
#classname
.classname
element.classname
*classname
list-image
bullet-image
list-style-image
image-style
margin: 20px 20px 30px 30px
margin: 30px 20px
margin: 20px 30px
margin: 30px 30px 20px 20px
tag
both class and tag
focus
hover
active
checked
CSS
jQuery
JavaScript
PHP
Rich Decorations
Faster download times.
Greater consistency in design.
No need to write HTML Tags
E.class
E~F
*
E,F,G
:element
:empty
:enabled
None of these
Combinator selector
Pseudo Class selector
Pseudo elements selector
Attribute selector
ul > li
ul li
ul + li
ul ~ li
p{font-style: "Times New Roman";}
p{font-family:"Times New "roman",Times,serif;}
p{font-weight:"Times New Roman",Times,serif;}
HTML
E#id
.class
#id
Style sheets allow content to be optimized for more than one type of device.
CSS can store web applications locally With the help of an offline cache
Using CSS, we can view online website. In cache also ensures faster loading and better overall performance of the website.
All of the above.
input:checked
input:focus
input:hover
input:active
order
stack
z-index
layer
content p
p.content
.content > p
p .content
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
border-width
border-bottom
border-width-bottom
border-bottom-width
h1.hover
h1*hover
h1:hover
h1-hover
text-color
color
font-color
All of These
absolute
static
fixed
relative
:target
:selection
::selection
URO
font-weight
font-style
text-decoratio
text-weight
flex-order
flex-direction
item-order
Name
ID
Class
Tag
css
style
script
link
article
html
style:bold;
font:bold;
font-weight:bold;
text:bold;
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
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
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
Universal Selector (*)
Tag Selector
Class Selector
ID Selector
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
div
~
>
+
:root
:nth-of-type(n)
:only-child
none of the mentioned
mouse over
mouse hover
mouse move
100rem
100%
100vw
100em
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
Easier to maintain and update.
More formatting options.
All of the above
In the <body> section
At the end of the document
In the <head> section
Any Where in a Page