Uncategorized

Introduction to CSS3 – Coursera Quiz Answers

Introduction to CSS3 - Coursera Quiz Answers


Introduction to CSS3 – Coursera

⭐4.8 Stars (7,723 ratings)  

Instructor: Colleen van Lent

Enroll Now

 
AboutInstructorsSyllabusReviewsEnrollment OptionsFAQ
Web Design for Everybody: Basics of Web Development & Coding Specialization
University of Michigan
About this Course
483,707 recent views
The web today is almost unrecognizable from the early days of white pages with lists of blue links.  Now, sites are designed with complex layouts, unique fonts, and customized color schemes.   This course will show you the basics of Cascading Style Sheets (CSS3).  The emphasis will be on learning how to write CSS rules, how to test code, and how to establish good programming habits.     

When done correctly, the styling of a webpage can take enhance your page.   When done incorrectly the result can be worse than no styling at all.    To ensure that your sites do not put up  barriers for people with cognitive and/or physical disabilities, you will learn how to evaluate pages using the standardized POUR accessibility guidelines.    Upon completion of the course, learners will be able to sketch a design for a given HTML page.  Using that design they will use CSS to implement the design by adding fonts, colors, and  layouts.    

This is the second course in the Web Design For Everybody specialization.   Subsequent courses focus on adding interaction with JavaScript and enhancing the styling with responsive design.

It will be difficult to complete this course if you do not have access to a laptop or desktop computer for the homework.

Here you will find all the questions, assignments and quiz answers related to “Introduction to CSS3 By Coursera” 

N.B. We endeavored our best to keep this site invigorated for our customers in vain. You can similarly contribute by reviving new requests or existing request answer(s). There are various requests on our site, it is hard for us to check them reliably. It will be exceptional if you can help us with refreshing the site. Simply let us know whether you locate any new inquiries through mail or remark . We will endeavor to invigorate the request/answer ASAP.


Introduction to CSS3 – Coursera Quiz & Assignment Answer


 Week-1 

Styling Syntax and Theory

1. Which of the following is not an option for specifying a color in CSS3?

  • Use a hexadecimal value
  • Use the color name
  • Use an rgb value
  • All of these options are valid.

2. If your body tag uses the style attribute style=”text-align:center”, you can overwrite that property by using the CSS3 rule.
body{
text-align: left;
}
  • True
  • False


3. What is wrong with the following rule?
body{
color: #000000;
background-color:#FFFFFF;
font-family: Times, Arial, Cursive;
}
  • You can’t specify three options for font-family.
  • This is a valid rule
  • You can’t specify three styles in a single rule


4. Assume the following rule is the only one that styles the body element:
   body{
font-family: Cursive, Helvetica, Verdana;
}
What happens if the browser doesn’t support Cursive or Helvetica?
  • The text will be displayed in Verdana
  • The text will be displayed in Cursive
  • The text will not be displayed

5. The browser defaults override rules specified in an external style sheets.
  • True
  • False

6. Using the code below, will the body of the page have the background-color defined in the file style.css or the background color define in the file style.css or the background color define in the file style.css or the background color define in the <style> tag
<head>
<meta charset = "UTF-8">
<title>Test code</title>
<link rel "stylesheet" href = "style.css">
<style>
body{
background-color: #44CCDD;
}
</style>
</head>
  • <style>
  • style.css

7.Internal styling (rules specified in the <head> section) override rules specified with the style attribute in a tag.
  • True
  • False

8. The default display value for paragraphs is:
  • block
  • inline-block
  • inline
  • none

9. The default display value for <span> is:

  • block
  • none
  • inline-block
  • inline

10. A block element takes up the full width of it’s parent, even if the content is smaller than the parent. So two block elements at the same will not be side-by-side.
  • True
  • False

11. Inline elements take up the full width of the browser, even if the content is smaller than the browser size.
  • True
  • False

12. Which CSS3 property is used to center text? (Provide on the property, not the value!)



13. Which of the following is the best way to convey that your text has special meaning?
  • Using semantic tags in addition to color and/or font.
  • Using a combination of font size and color to signify the important text
  • Using colors to signify the important text
  • Using a larger font size to signify the important text

 Week-2 

Advanced Selectors Quiz

1. Assume that this code is linked together correctly.

p{
color: red;
padding:10px 5px;
background: black;
}
.fancy{
font-family: cursive;
background: red;
color: green;
}
.plain{
font-family: Times, serif;
color: black;
}

   <p>Hi</p>
��
What color font is used to display “Hi”?
  • red
  • green
  • black
  • browser default

2. Assume that this code is linked together correctly.
p{
color: red;
padding:10px 5px;
background: black;
}
.fancy{
font-family: cursive;
background: red;
color: green;
}
.plain{
font-family: Times, serif;
color: black;
}

   <p class = "plain fancy">Hi</p>
��
What color font is used to display “Hi”?
  • red
  • green
  • black
  • browser default

3. Assume that this code is linked together correctly.
p{
color: red;
padding:10px 5px;
background: black;
}
.fancy{
font-family: cursive;
background: red;
color: green;
}
.plain{
font-family: Times, serif;
color: black;
}

   <p class = "fancy plain">Hi</p>
��
What color font is used to display “Hi”?
  • red
  • green
  • black
  • browser default

4. What is the correct HTML for referring to an external style sheet?

  • <style src="mystyle.css"></style>
  • <link rel="stylesheet" url="mystyle.css">
  • ✅ <link rel="stylesheet" href="mystyle.css">
  • <link rel="stylesheet" src="mystyle.css">
��

��

��

��
5. What is the correct HTML for referring to an external style sheet stored in a subfolder called css?
  •  ✅ <link rel="stylesheet" href="css/mystyle.css"> 
  •  <link rel="css/stylesheet" href="mystyle.css"> 
  • <style src="css/mystyle.css">
  •  <link rel="css/stylesheet" href="css/mystyle.css"> 


��

��

��
6. The styling contained in the style tag has precedence over the style attribute.
  • True
  • False

7. Which CSS property controls the text size?
  • font-size
  • text-size
  • text-style
  • font-height

8. How do you display hyperlinks without an underline?
  • a {underline:none;}
  • a {decoration:no-underline;}
  • a {text-decoration:no-underline;}
  • a { text-decoration:none; }

9.In the following code snippet, what value is given for the right margin?
margin: 5px 10px 3px 8px;
  • 5px
  • 10px
  • 3px
  • 8px

10. The # symbol specifies that the selector is a/an
  • first
  • tag
  • class
  • id

11. Which of the following would be used to create class called button which has a width of 750px, a height of 30px and the color of the text is black?
  • .button { height: 30px; width: 750px; text: black; }
  • .button { height: 30px; width: 750px; color: black; }
  • #button { height: 30px; width: 750px; text: black; }
  • #button { height: 30px; width: 750px; color: black; }

12. Which snippet of CSS is commonly used to center an element horizontally?
  • margin: center;
  • site-align: center;
  • margin: auto 0;
  • margin: 0 auto;

13. Using only a default style sheet..
  • will typically make your page look better.
  • will typically have no effect on the appearance of your page.
  • will typically make your page look worse.

14. Which of the following is not a browser prefix?
  • webkit
  • edge
  • o
  • moz

15. Descendant selectors
nav a{
....
}
��
are more general than child selectors
nav>a{
....
}
  • True
  • False

16. How much width will this div occupy?
div{
width:100px;
padding: 10px;
margin: 5px;
border: 2px;
}

134



 Week-3 

Final Quiz

1. The default value for the position property is:

  • absolute
  • relative
  • static
  • fixed
2. What is wrong with this code?
div{
position: relative;
left: 10px;
}
  • “relative” is not a valid option for position
  • There is nothing wrong with this code.
  • The code works, but the left property is not necessary since relative elements don’t allow offsets
3. If you want your navigation bar to remain visible, even when the user scrolls downward, you should use which type of positioning?
  • absolute
  • static
  • fixed
  • relative
4. Which of the following is the proper syntax for a pseudo-class?
  • selector::pseudo-class { 
    property:value;
    }
  • selector->pseudo-class { 
    property:value;
    }
  • :pseudo-class { 
    property:value;
    }
  • ✅ selector:pseudo-class { 
    property:value;
    }
��
5. Which of the following rules styles the first paragraph in each div?
  • ✅ div p:first-child { 
    color: blue;
    }
  • div > p{ 
    color: blue;
    }
     
  • div p{ 
    color: blue;
    }
     
  • div:first-child p{ 
    color: blue;
    }
     
��
6. Which CSS3 property allows you to change property values smoothly over a given duration?
  • change
  • transition
  • focus
  • hover
7. Sometimes elements overlap one another. Which property specifies the stacking order of the elements? (A high value means it is more likely to be place in front of another.) ONLY PROVIDE THE PROPERTY, NOT A VALUE.
8. Which rule will change the text color of p elements with the class “highlight” when hovered over?
  • ✅ .highlight:hover{ 
    color:green;
    }
  • p:hover{ 
    color:green;
    }
  • p:hover > highlight{ 
    color:green;
    }
  • p.highlight:hover{ 
    color:green;
    }
��
9. What are the four principles of Accessibility?
  • WEBAIM
  • PORE
  • USE
  • POUR



The above questions are from “Introduction To CSS3” You can discover all the refreshed questions and answers related to this on the “Introduction To CSS3 By Coursera” page. If you find the updated questions or answers, do comment on this page and let us know. We will update the answers as soon as possible.


Do Not Only Use These Quizzes For Getting Certificates.You Can Take Help From These Quizzes Answer. All Quizzes & Contents Are Free Of Charge. ✅

If You Want Any Quiz Answers Then Please Contact Us

Leave a Reply

Your email address will not be published. Required fields are marked *