f:
Font:
Font-family
Font:b
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
Tag > Class > ID
Class > Tag > ID
ID > Class > Tag
Universal > ID > Class
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
focus
hover
active
checked
flex-order
order
flex-direction
item-order
border-style
border-radius
border-collapse
border-spacing
Easier to maintain and update
Greater consistency in design
More formatting options.
All of the above
:focus
:active
:hover
:visited
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
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
content p
p.content
.content > p
p .content
Easier to maintain and update.
Greater consistency in design.
Opacity
Visibility
Stacking order
Font size
text-size
size
text-length
font-size
stack
z-index
layer
rect
crosshair
auto
inherit
ul > li
ul li
ul + li
ul ~ li
E.class
E~F
*
E,F,G
color:red, text-decoration:underline works
only font-style:italic works
color:red, text-decoration:underline and font-style:italic all works
text-decoration:underline and font-style:italic works
p{font-style: "Times New Roman";}
p{font-family:"Times New "roman",Times,serif;}
p{font-weight:"Times New Roman",Times,serif;}
None of these
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
:element
:empty
:enabled
tag
class
id
div
text-decoration: bold
font-weight : bold
font-style: bold
text-align: bold
ID selector
Class selector
Group selector
Universal selector
type
None of the above
:checked
::after
None of the options
.example
#example
element.example
example
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
CSS
jQuery
JavaScript
PHP
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
Documents to be viewed on-screen tend to look better in Sans-serif fonts
Not everyone has the same set of fonts.
Printed documents tend to look better in Serif fonts
Rich Decorations
Faster download times.
No need to write HTML Tags
~
>
+
mouse over
mouse hover
mouse move
padding: 20px 30px 15px 10px
padding: 20px 15px 30px 10px
padding: 15px 30px 10px 20px
padding: 30px 15px 20px 10px
bright
hidden
ridge
groove
both class and tag
Inline CSS
Internal CSS
Embedded CSS
External CSS
border-width
border-bottom
border-width-bottom
border-bottom-width
REL
URL
REV
all of these
:nth-child(last)
:last-child
:only-child
:nth-last-child(1)
text-color
color
font-color
All of These
h1.hover
h1*hover
h1:hover
h1-hover
clear
overflow
display
:root
:nth-of-type(n)
none of the mentioned
list-style-type: none;
text-decoration: none;
bullet-style: none;
display: no-bullet;