100rem
100%
100vw
100em
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.
ul > li
ul li
ul + li
ul ~ li
The external CSS rule is applied
The inline style is applied
Both are ignored
The browser applies the styles randomly
E[attr^=value]
E[attr$=value]
E[attr*=value]
None of these
CSS
jQuery
JavaScript
PHP
h1.hover
h1*hover
h1:hover
h1-hover
rgba(255,55,255,1)
rgba(255,255,255,0.0)
rgba(255,55,255,.5)
font-size
text-size
font-style
text-style
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
focus
hover
active
checked
Name
ID
Class
Tag
In the <body> section
At the end of the document
In the <head> section
Any Where in a Page
class
id
type
None of the above
<!-- Comment -->
// Comment
/* Comment */
# Comment
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
#classname
.classname
element.classname
*classname
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
content p
p.content
.content > p
p .content
font-weight
text-decoratio
text-weight
size
text-length
E#id
.class
#id
*
style:bold;
font:bold;
font-weight:bold;
text:bold;
to make that specific paragraph text color as blue
Error
nothing happen
Combinator selector
Pseudo Class selector
Pseudo elements selector
Attribute selector
tag
div
:nth-child(last)
:last-child
:only-child
:nth-last-child(1)
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
REL
URL
REV
all of these
margin: 20px 20px 30px 30px
margin: 30px 20px
margin: 20px 30px
margin: 30px 30px 20px 20px
list-style-type: none;
text-decoration: none;
bullet-style: none;
display: no-bullet;
:element
:empty
:enabled
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
Easier to maintain and update
Greater consistency in design
More formatting options.
All of the above
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
:valid
:required
:optional
:invalid
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
absolute
static
fixed
relative
background-attachment
background
background-repeat
background-position
background:blue;
background-color:rgb(0,0,255);
background:#0000FF;
E.class
E~F
E,F,G
[attr]
[attr=""]
[attr=*]
attr[ ]
padding: 20px 30px 15px 10px
padding: 20px 15px 30px 10px
padding: 15px 30px 10px 20px
padding: 30px 15px 20px 10px
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
clear
overflow
z-index
display
Creating Style Sheets
Cascading Style Sheets
Computer Style Sheets
Colorful Style Sheets
.example
#example
element.example
example
p{font-style: "Times New Roman";}
p{font-family:"Times New "roman",Times,serif;}
p{font-weight:"Times New Roman",Times,serif;}
:target
:selection
::selection
URO
Rich Decorations
Faster download times.
Greater consistency in design.
No need to write HTML Tags