CSS
jQuery
JavaScript
PHP
border-width
border-bottom
border-width-bottom
border-bottom-width
h1.hover
h1*hover
h1:hover
h1-hover
<Link> tag
<Style> tag
<Script> tag
@media
#classname
.classname
element.classname
*classname
background:blue;
background-color:rgb(0,0,255);
background:#0000FF;
All of the above
Name
ID
Class
Tag
Creating Style Sheets
Cascading Style Sheets
Computer Style Sheets
Colorful Style Sheets
mouse over
mouse hover
hover
mouse move
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
Easier to maintain and update
Greater consistency in design
More formatting options.
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
tag
class
id
div
E ~ F
::after
:checked
None of these
p{font-style: "Times New Roman";}
p{font-family:"Times New "roman",Times,serif;}
p{font-weight:"Times New Roman",Times,serif;}
100rem
100%
100vw
100em
clear
overflow
z-index
display
background
background-attachment
background-color
background or background-image both
margin: 20px 20px 30px 30px
margin: 30px 20px
margin: 20px 30px
margin: 30px 30px 20px 20px
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
.example
#example
element.example
example
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
:target
:selection
::selection
URO
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
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
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
The external CSS rule is applied
The inline style is applied
Both are ignored
The browser applies the styles randomly
background-repeat
background-position
focus
active
checked
:valid
:required
:optional
:invalid
:default
:%
:disabled
text-size
size
text-length
font-size
Cyan, Magenta, Yellow and Blue
Cyan, Magenta, Yellow and Key(Black)
Cyan, Magenta, Yellow and Khaki
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
:nth-child(last)
:last-child
:only-child
:nth-last-child(1)
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
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
Easier to maintain and update.
Greater consistency in design.
In the <body> section
At the end of the document
In the <head> section
Any Where in a Page
[attr]
[attr=""]
[attr=*]
attr[ ]
:root
:nth-of-type(n)
none of the mentioned
rgba(255,55,255,1)
rgba(255,255,255,0.0)
rgba(255,55,255,.5)
E#id
.class
#id
*
:element
:empty
:enabled
flex-order
order
flex-direction
item-order
both class and tag
font-weight
font-style
text-decoratio
text-weight
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
type