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.

Use “Ctrl+F” To Find Any Questions Answer. & For “Mobile User” You Just Need To Click On Three dots In Your Browser & You Will Get A “Find” Option There. Utilize These Option to Get Any Random Questions Answer.

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!)

text-align

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.

z-index

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

Introduction to CSS3 – Coursera Quiz Answers