rgba(255,55,255,1)
rgba(255,255,255,0.0)
rgba(255,55,255,.5)
None of these
The external CSS rule is applied
The inline style is applied
Both are ignored
The browser applies the styles randomly
Opacity
Visibility
Stacking order
Font size
h1 h2 h3
h1+h2+h3
h1,h2,h3
h1>h2>h3
background-attachment
background
background-repeat
background-position
Creating Style Sheets
Cascading Style Sheets
Computer Style Sheets
Colorful Style Sheets
mouse over
mouse hover
hover
mouse move
clear
overflow
z-index
display
~
>
+
*
text-size
size
text-length
font-size
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
E[attr^=value]
E[attr$=value]
E[attr*=value]
input:checked
input:focus
input:hover
input:active
border-width
border-bottom
border-width-bottom
border-bottom-width
.example
#example
element.example
example
<!-- Comment -->
// Comment
/* Comment */
# Comment
absolute
static
fixed
relative
list-style-type: none;
text-decoration: none;
bullet-style: none;
display: no-bullet;
Combinator selector
Pseudo Class selector
Pseudo elements selector
Attribute selector
margin: 20px 20px 30px 30px
margin: 30px 20px
margin: 20px 30px
margin: 30px 30px 20px 20px
Rich Decorations
Faster download times.
Greater consistency in design.
No need to write HTML Tags
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
ul > li
ul li
ul + li
ul ~ li
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
flex-order
order
flex-direction
item-order
text-color
color
font-color
All of These
stack
layer
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
<Link> tag
<Style> tag
<Script> tag
@media
:target
:selection
::selection
URO
100rem
100%
100vw
100em
:valid
:required
:optional
:invalid
class
id
type
Style
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
input.required
input[required]
input(required)
input::required
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
Vaiue
Declaration
Selector
Rule
Tag > Class > ID
Class > Tag > ID
ID > Class > Tag
Universal > ID > Class
E#id
.class
#id
h1.hover
h1*hover
h1:hover
h1-hover
Universal Selector (*)
Tag Selector
Class Selector
ID Selector
:nth-child(last)
:last-child
:only-child
:nth-last-child(1)
[attr]
[attr=""]
[attr=*]
attr[ ]
css
style
script
link
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
background-color
bgcolor
bg-color
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
to make that specific paragraph text color as blue
Error
nothing happen