Vaiue
Declaration
Selector
Rule
color
background-color
bgcolor
bg-color
#classname
.classname
element.classname
*classname
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
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
tag
id
class
both class and tag
list-image
bullet-image
list-style-image
image-style
:default
:%
:disabled
None of these
ul > li
ul li
ul + li
ul ~ li
:nth-child(last)
:last-child
:only-child
:nth-last-child(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
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
Easier to maintain and update.
Greater consistency in design.
More formatting options.
All of the above
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
Universal Selector (*)
Tag Selector
Class Selector
ID Selector
flex-order
order
flex-direction
item-order
Rich Decorations
Faster download times.
No need to write HTML Tags
div
Opacity
Visibility
Stacking order
Font size
.(dot)
# (hash)
* (asterisk)
@ (at sign)
:target
:selection
::selection
URO
:root
:nth-of-type(n)
none of the mentioned
Some selectors can lead to cross-browser issues
Cannot request a webpage through CSS
Parent Selector tag is always available
Cannot always assure compatibility with every browser
content p
p.content
.content > p
p .content
f:
Font:
Font-family
Font:b
:valid
:required
:optional
:invalid
background-attachment
background
background-repeat
background-position
HTML
CSS
JavaScript
PHP
background:blue;
background-color:rgb(0,0,255);
background:#0000FF;
css
style
script
link
type
None of the above
input:checked
input:focus
input:hover
input:active
E.class
E~F
*
E,F,G
Style
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
text-color
font-color
All of These
bright
hidden
ridge
groove
:element
:empty
:enabled
clear
overflow
z-index
display
jQuery
Padding is used to create space around an element's content, inside of any defined borders.
There are properties for setting the padding for each side of an element.
To shorten the code, it is possible to specify all the padding properties in one property.
All of the options
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
rgba(255,55,255,1)
rgba(255,255,255,0.0)
rgba(255,55,255,.5)
input.required
input[required]
input(required)
input::required
REL
URL
REV
all of these
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
Match the CSS Attribute Selector with Its Function
A → 2, B → 6, C → 3, D → 4