list-style-type: none;
text-decoration: none;
bullet-style: none;
display: no-bullet;
padding: 20px 30px 15px 10px
padding: 20px 15px 30px 10px
padding: 15px 30px 10px 20px
padding: 30px 15px 20px 10px
Rich Decorations
Faster download times.
Greater consistency in design.
No need to write HTML Tags
css
style
script
link
tag
id
class
both class and tag
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
ul > li
ul li
ul + li
ul ~ li
:valid
:required
:optional
:invalid
type
None of the above
Apply styles for the web page
Define structure of the web page
Provide meaning to the sections of the web page
clear
overflow
z-index
display
CSS
jQuery
JavaScript
PHP
Easier to maintain and update.
More formatting options.
All of the above
input:checked
input:focus
input:hover
input:active
border-width
border-bottom
border-width-bottom
border-bottom-width
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
mouse over
mouse hover
hover
mouse move
font-weight
font-style
text-decoratio
text-weight
:default
:%
:disabled
None of these
E#id
.class
#id
*
font-size
text-size
text-style
style:bold;
font:bold;
font-weight:bold;
text:bold;
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
Name
ID
Class
Tag
div
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.
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
#classname
.classname
element.classname
*classname
flex-order
order
flex-direction
item-order
Opacity
Visibility
Stacking order
Font size
:nth-child(last)
:last-child
:only-child
:nth-last-child(1)
Creating Style Sheets
Cascading Style Sheets
Computer Style Sheets
Colorful Style Sheets
margin: 20px 20px 30px 30px
margin: 30px 20px
margin: 20px 30px
margin: 30px 30px 20px 20px
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
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
Combinator selector
Pseudo Class selector
Pseudo elements selector
Attribute selector
:element
:empty
:enabled
REL
URL
REV
all of these
absolute
static
fixed
relative
E.class
E~F
E,F,G
text-color
color
font-color
All of These
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
p{font-style: "Times New Roman";}
p{font-family:"Times New "roman",Times,serif;}
p{font-weight:"Times New Roman",Times,serif;}
f:
Font:
Font-family
Font:b
focus
active
checked
:root
:nth-of-type(n)
none of the mentioned
:target
:selection
::selection
URO
content p
p.content
.content > p
p .content
article
html
Easier to maintain and update
Greater consistency in design