padding: 20px 30px 15px 10px
padding: 20px 15px 30px 10px
padding: 15px 30px 10px 20px
padding: 30px 15px 20px 10px
Combinator selector
Pseudo Class selector
Pseudo elements selector
Attribute selector
#classname
.classname
element.classname
*classname
Creating Style Sheets
Cascading Style Sheets
Computer Style Sheets
Colorful Style Sheets
Match the CSS Property with Its Function
A → 1, B → 2, C → 3, D →4
A → 2, B → 1, C → 3, D → 4
A → 2, B → 4, C → 3, D → 1
A → 2, B → 4, C → 1, D → 3
Match the CSS Sub-Selector with Its Meaning
A → 2, B → 1, C → 3, D → 6
A → 2, B → 5, C → 3, D → 4
A → 5, B → 1, C → 3, D → 4
It is a separate document that contains CSS rules
It separates content from the presentation but both are still contained in a single file
It separates the content and style into separate files
. It allows a web designer and a content author to work in parallel
text-size
size
text-length
font-size
tag
id
class
both class and tag
Match the CSS Attribute Selector with Its Function
A → 2, B → 6, C → 3, D → 4
content p
p.content
.content > p
p .content
font-style
text-style
input:checked
input:focus
input:hover
input:active
E ~ F
::after
:checked
None of these
border-width
border-bottom
border-width-bottom
border-bottom-width
Easier to maintain and update
Greater consistency in design
More formatting options.
All of the above
E.class
E~F
*
E,F,G
:valid
:required
:optional
:invalid
font-weight
text-decoratio
text-weight
Style
type
None of the above
Cyan, Magenta, Yellow and Blue
Cyan, Magenta, Yellow and Key(Black)
Cyan, Magenta, Yellow and Khaki
background:blue;
background-color:rgb(0,0,255);
background:#0000FF;
Easier to maintain and update.
Greater consistency in design.
:default
:%
:disabled
[attr]
[attr=""]
[attr=*]
attr[ ]
Rich Decorations
Faster download times.
No need to write HTML Tags
to make that specific paragraph text color as blue
Error
nothing happen
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
The external CSS rule is applied
The inline style is applied
Both are ignored
The browser applies the styles randomly
<Link> tag
<Style> tag
<Script> tag
@media
article
html
ul > li
ul li
ul + li
ul ~ li
Name
ID
Class
Tag
Match the CSS Position Property with Its Meaning
A → 5, B → 4, C → 3, D → 1
A → 5, B → 4, C → 3, D →6
A → 4, B → 5, C → 3, D → 1
100rem
100%
100vw
100em
style:bold;
font:bold;
font-weight:bold;
text:bold;
margin: 20px 20px 30px 30px
margin: 30px 20px
margin: 20px 30px
margin: 30px 30px 20px 20px
f:
Font:
Font-family
Font:b
<!-- Comment -->
// Comment
/* Comment */
# Comment
mouse over
mouse hover
hover
mouse move
flex-order
order
flex-direction
item-order
REL
URL
REV
all of these
rgba(255,55,255,1)
rgba(255,255,255,0.0)
rgba(255,55,255,.5)
:nth-child(last)
:last-child
:only-child
:nth-last-child(1)
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.
:root
:nth-of-type(n)
none of the mentioned
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
.example
#example
element.example
example
:target
:selection
::selection
URO
Match the CSS Background Property with Its Function
A → 3, B → 1, C → 2, D → 4
A →5, B → 1, C → 2, D →6
A → 4, B → 1, C → 2, D → 3
A → 6, B → 1, C → 2, D → 3