.example
#example
element.example
example
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
tag
class
id
div
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
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
All of the options
.(dot)
# (hash)
* (asterisk)
@ (at sign)
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
: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
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
h1.hover
h1*hover
h1:hover
h1-hover
Opacity
Visibility
Stacking order
Font size
text-color
color
font-color
All of These
bright
hidden
ridge
groove
style:bold;
font:bold;
font-weight:bold;
text:bold;
Inline CSS
Internal CSS
Embedded CSS
External CSS
h1 h2 h3
h1+h2+h3
h1,h2,h3
h1>h2>h3
css
style
script
link
:element
:empty
:enabled
None 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
list-image
bullet-image
list-style-image
image-style
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.
font-weight
font-style
text-decoratio
text-weight
absolute
static
fixed
relative
ID selector
Class selector
Group selector
Universal selector
:valid
:required
:optional
:invalid
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
REL
URL
REV
all of these
Easier to maintain and update
Greater consistency in design
More formatting options.
All of the above
:checked
E~F
::after
None of the options
input:checked
input:focus
input:hover
input:active
rect
crosshair
auto
inherit
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
Rich Decorations
Faster download times.
Greater consistency in design.
No need to write HTML Tags
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
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
mouse over
mouse hover
hover
mouse move
:default
:%
:disabled
type
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.
font-size
text-size
text-style
:target
:selection
::selection
URO
In the <body> section
At the end of the document
In the <head> section
Any Where in a Page
CSS
jQuery
JavaScript
PHP
text-decoration: bold
font-weight : bold
font-style: bold
text-align: bold
ul > li
ul li
ul + li
ul ~ li
The size of the text-shadow
he Y-coordinate of the text-shadow
The X-coordinate of the text-shadow
The blur radius
f:
Font:
Font-family
Font:b
#classname
.classname
element.classname
*classname