property-name=value
property-name : value
property-name= value
property-name:value;
External styles
Inline styles
Embedded styles
Html styles
<Link> tag
<Style> tag
<Script> tag
@media
to make that specific paragraph text color as blue
Error
nothing happen
None of the above
Inline
Internal
External
None of These
<style>
<link>
<script>
None of these
External CSS
Internal CSS
Inline CSS
Selector and Declaration
Property name and value
Color and style
None-of these
{body; color:orange;}
{body: color=orange;}
body:color=orange;
body{color:orange}
<style src="demostyle.css">
<stylesheet>demostyle.css</stylesheet>
<link rel="stylesheet" type="text/css" href="demostyle.css>
@important
!important!
!important
important!
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
//statement
'statement
/*statement */
// statement //
sum()
eval()
calc()
total()
All of these
1
2
3
<style> tag
style attribute
class attribute
External stylesheet
a) <link rel="stylesheet" type="text/css" href="style.css">
<style src="style.css">
<link type="text/css" href="style.css">
<style link="style.css">
font-color
text-color
color
text-style
Adds space inside an element
Adds space outside an element
Sets the font size
Changes the background color
