<link>
<style>
<script>
<css>
<Link> tag
<Style> tag
<Script> tag
@media
Opacity
Visibility
Stacking order
Font size
class
id
article
html
repeat-x
repeat-y
no-repeat
fixed
rect
crosshair
auto
inherit
E#id
.class
#id
*
input.required
input[required]
input(required)
input::required
Cyan, Magenta, Yellow and Blue
Cyan, Magenta, Yellow and Key(Black)
Cyan, Magenta, Yellow and Khaki
None of these
:focus
:active
:hover
:visited
Easier to maintain and update.
Greater consistency in design.
More formatting options.
All of the above
:root
:nth-of-type(n)
:only-child
none of the mentioned
text-color
color
font-color
All of These
tag
both class and tag
E[attr^=value]
E[attr$=value]
E[attr*=value]
Name
ID
Class
Tag
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
CSS
jQuery
JavaScript
PHP
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.
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
h1 h2 h3
h1+h2+h3
h1,h2,h3
h1>h2>h3
p{font-style: "Times New Roman";}
p{font-family:"Times New "roman",Times,serif;}
p{font-weight:"Times New Roman",Times,serif;}
Inline CSS
External CSS
Embedded CSS
Import XML
Combinator selector
Pseudo Class selector
Pseudo elements selector
Attribute selector
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
Vaiue
Declaration
Selector
Rule
:default
:%
:disabled
css
style
script
link
border-width
border-bottom
border-width-bottom
border-bottom-width
content p
p.content
.content > p
p .content
background-attachment
background
background-repeat
background-position
Internal CSS
Easier to maintain and update
Greater consistency in design
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
Universal Selector (*)
Tag Selector
Class Selector
ID Selector
[attr]
[attr=""]
[attr=*]
attr[ ]
The size of the text-shadow
he Y-coordinate of the text-shadow
The X-coordinate of the text-shadow
The blur radius
~
>
+
order
stack
z-index
layer
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
ID selector
Class selector
Group selector
Universal selector
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
h1.hover
h1*hover
h1:hover
h1-hover
border-style
border-radius
border-collapse
border-spacing
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
to make that specific paragraph text color as blue
Error
nothing happen
None of the above
.example
#example
element.example
example
margin: 20px 20px 30px 30px
margin: 30px 20px
margin: 20px 30px
margin: 30px 30px 20px 20px
padding: 20px 30px 15px 10px
padding: 20px 15px 30px 10px
padding: 15px 30px 10px 20px
padding: 30px 15px 20px 10px
clear
overflow
display