Style
type
class
None of the above
.example
#example
element.example
example
:element
:empty
:enabled
None of these
The external CSS rule is applied
The inline style is applied
Both are ignored
The browser applies the styles randomly
Rich Decorations
Faster download times.
Greater consistency in design.
No need to write HTML Tags
#classname
.classname
element.classname
*classname
focus
hover
active
checked
background
background-attachment
background-color
background or background-image both
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.
Easier to maintain and update
Greater consistency in design
More formatting options.
All of the above
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
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
:valid
:required
:optional
:invalid
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
Match the CSS Property with Its Function
A → 1, B → 2, C → 3, D →4
A → 2, B → 4, C → 3, D → 1
A → 2, B → 4, C → 1, D → 3
Combinator selector
Pseudo Class selector
Pseudo elements selector
Attribute selector
rgba(255,55,255,1)
rgba(255,255,255,0.0)
rgba(255,55,255,.5)
background-repeat
background-position
style:bold;
font:bold;
font-weight:bold;
text:bold;
css
style
script
link
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
id
background:blue;
background-color:rgb(0,0,255);
background:#0000FF;
<Link> tag
<Style> tag
<Script> tag
@media
ul > li
ul li
ul + li
ul ~ li
Opacity
Visibility
Stacking order
Font size
to make that specific paragraph text color as blue
Error
nothing happen
margin: 20px 20px 30px 30px
margin: 30px 20px
margin: 20px 30px
margin: 30px 30px 20px 20px
article
html
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
h1.hover
h1*hover
h1:hover
h1-hover
f:
Font:
Font-family
Font:b
E.class
E~F
*
E,F,G
color
bgcolor
bg-color
E ~ F
::after
:checked
In the <body> section
At the end of the document
In the <head> section
Any Where in a Page
mouse over
mouse hover
mouse move
absolute
static
fixed
relative
Vaiue
Declaration
Selector
Rule
<!-- Comment -->
// Comment
/* Comment */
# Comment
:target
:selection
::selection
URO
REL
URL
REV
all of these
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
:root
:nth-of-type(n)
:only-child
none of the mentioned
:nth-child(last)
:last-child
:nth-last-child(1)
:default
:%
:disabled
Creating Style Sheets
Cascading Style Sheets
Computer Style Sheets
Colorful Style Sheets
list-style-type: none;
text-decoration: none;
bullet-style: none;
display: no-bullet;
tag
both class and tag