WorksheetsWeb Technology - CSS - Tutorial Sheet - 02
Total questions: 50
Worksheet time: 8mins
Which of the following tag is used to embed CSS in HTML page?
<css>
<style>
<script>
<!DOCTYPE html>
CSS stands for
Cascading style sheet
Cyber style sheet
Cassandra style sheet
None of the above
What are the three types of style sheet
Internal, external, inline
Inline, internal, extreme
Insidious, internal, external
None of the above
<link type="stylsheet" href="exx.css"> belongs to
External
Internal
Inline
None of the above
Style will come inside head for
External
Inline
Internal
All of the above
When CSS is written inside HTML it will be saved as
css
Jsp
html
php
External css file will be saved as
.css
.html
.php
None of the above
When you use class selector
What should present in front of classname
#
&
@
.
When you use id selector
What should present in front of id name
?
@
#
.
Is CSS
Used in client side scripting
Used in server side scripting
Both server and client side scripting
None of the above
Which is the correct way to format a Font Family for a paragraph? (Hint: make sure you have more than one backup font!)
p { font-family: Arial, Verdana, San-Serif; }
p { font-family: Arial, Verdana, San-Serif; }
p { font-family: Arial, Verdana, San-Serif; }
p { font-family: Arial, Verdana, San-Serif; }
Which rule set would change the font size to 24?
font-size: 24
size: 24;
font-size: 24;
font size: 24;
Which CSS selector applies to the yellow element(s) only? Select the correct answers!
li a{ ... }
li.a{ ... }
li, a{ ... }
li-a{ ...}
none of the above
Which color value in CSS gives a transparency effect?
Color Names
Hex Codes
RGB
RGBA
What will this rule set create?
h1 {
text-decoration: underline overline dotted red;
}
red waves under the heading
red dots over and under the heading
red waves over and under the heading
red dots over the heading
Where in the HTML document is the correct location to insert code to link to your external CSS?
In the
sectionIn the
sectionAt the very end of the document
At the very beginning of the document
border./* This is a multi-line comment */
Which CSS embedded rule is used to assign the location of the image on a web page?
background-position
background-attachment
background-repeat
Which of the following phrases must be added to CSS embedded code to stop the background image from scrolling with the text?
fixed
no-scroll
cover
What word must be added to the code "background-size:" to make the image fill the entire web page background?
cover
fill
replace
Which CSS embedded rule allows the text to scroll but the image to stay still?
background-attachment
background-position
background-repeat
Which of the following CSS embedded codes will add a background image to the web page.
body {background-image:url("link goes here");}
body{img src="link goes here";}
How to display a background image in the above format:
background-repeat: repeat-x;
background-image: repeat;
background-repeat: horizontal;
background-image: repeat-y;
Identify CSS property to assign position for a background image.
display: value;
position: value
background-postion: value;
align: value;
What HTML input type is used to create this form selections?
<input type="text">
<input type="submit">
<input type="password">
<input type="radio">
What will the following .content class do?
.content { margin-left: 210px; }
A 210px border to the left
A 210px border to the right
210px padding to the left
210px margin to the left
How can we position an image to the left?
float: left;
align: left;
padding: left;
margin: left;
How do you change font sizes in CSS?
font-family: 20pt;
font-weight: 20pt;
font-size: 20pt;
font-align: 20px;
____ is used to create space around an element's content, inside of any defined borders.
white-space
margin
padding
width and height
Pseudo-selector to detect mouse movement over an element
(a)
The element is positioned relative to its first positioned ancestor element
static
relative
absolute
fixed
Default value of flex-direction
(a)
Which of the below options is correct to change the background color to blue in CSS?
body {
background-colour: lightblue;
}
body {
background-color: lightblue;
}
body {
background:color: lightblue;
}
None of the above
