Web Design I B Unit 1: Basics of HTML Lesson 7: Cascading Style Sheets (CSS)

Question

Create a visually engaging image representing the concept of Web Design, particularly the aspects of HTML and CSS without any text. It could include symbolic representations of coding in the form of stylized brackets and curly braces, abstract representations of hexadecimal color codes in varying shades, representations of CSS selectors like paragraph tags and body tags, and simplified graphical representations of website structures showcasing different elements like headers, paragraphs, and the body of the website all styled differently. An overall aesthetic that communicates the precise, technical nature of coding would be appropriate.

Web Design I B Unit 1: Basics of HTML Lesson 7: Cascading Style Sheets (CSS)

1. In the following piece of CSS code, what is the rule? p { color: #676767 }
A- #676767
B- color
C- p
D- p { color:3676767 }

2. In the following piece of CSS code, what is body called?
body { color: #ffffff }
A- property
B- rule
C- selector
D- value
3. What is CSS used for?
A- to create a web page
B- to create interactice components of a web page
C- to customize web pages based on user preferences
D- to define the style and format of one or more web pages

4. In the following piece of CSS code, what is the property?
p { color: #676767 }
A- #676767
B- color
C- p
D- p { color: #676767 }

5. Which of the following is true about CSS?
A- A seperate CSS file is needed for each HTML file in a website
B- It is a language used to customize web pages based on user preferences
C- It is contained in a seperate file than HTML files
D- It is used to combine formatting information and content into one single file

6. Which part of the following CSS code would you edit in order to change the background color of the overall web page?
body { color: #000000 background-color: #C9E1FF font-family: Arial, "Lucida Console" . sans-serif} h1 { color: #114485 font-size: x-large font-family: Georgia, "Times New Roman" , Times, serif; }
A- background-color: #C9E1FF
B- body {
C- color: #000000
D- color: #114485

7. In the following piece of CSS code, what is #ffffff called?
body { color: #ffffff }
A- property
B- rule
C- selector
D- value

8. In the following piece of CSS code, what is the property selector? body { color: #ffffff background-color #525252 font-family: arial, "lucida console", sans-serif}
A- body
B- background-color
C- color
D- font-family

9- Which part of the following CSS code would you edit in order to change the color of the heading text?
body { color: #000000 background-color: #C9E1FF font-family: Arial, ""Lucida Console"", sans-serif} h1 {color: #114485 font-size: x-large font-family: Georgia, "Times New Roman", Times, serif;}
A- color #000000
B- color: #114485
C- font-size: x-large
D- h1 {

10. How many rules are contained in the CSS code?
body { color: #000000 background-color: #C9E1FF font-family: Arial, "Lucida Console", sans-serif} h1 {color: #ffffff font-size: small font-family: Georgia, "Times New Roman", Times, serif;"
A- 1
B- 2
C- 3
D- 4

I think the answers are;
1-A
2-C
3-B
4-B
5-D
6-C
7-A
8-D
9-D
10-A
??????????????????????????????????????

Answer 1

The correct answers are:

1. B- color
2. C- selector
3. D- to define the style and format of one or more web pages
4. B- color
5. C- It is contained in a separate file than HTML files
6. A- background-color: #C9E1FF
7. D- value
8. B- background-color
9. B- color: #114485
10. C- 3

Answer 2

Here are the correct answers:

1. In the following piece of CSS code, what is the rule? p { color: #676767 }
Answer: C- p

Explanation: In CSS, a rule consists of a selector (in this case, "p") and a declaration block (in curly braces), which contains one or more property-value pairs.

2. In the following piece of CSS code, what is body called? body { color: #ffffff }
Answer: C- selector

Explanation: In CSS, the "body" in this code is the selector, which is used to target the HTML element(s) that you want to apply styles to.

3. What is CSS used for?
Answer: D- to define the style and format of one or more web pages

Explanation: CSS (Cascading Style Sheets) is a language used to define the presentation or visual style of a web page. It allows you to control the layout, colors, fonts, and other visual aspects of your web pages.

4. In the following piece of CSS code, what is the property? p { color: #676767 }
Answer: B- color

Explanation: In CSS, a property is the specific visual characteristic that you want to modify, such as color, font-size, margin, etc.

5. Which of the following is true about CSS?
Answer: C- It is contained in a separate file than HTML files

Explanation: CSS can be written inline within HTML, but it is commonly contained in separate CSS files, which are linked to HTML files using the <link> tag. This allows for better organization and reusability of styles across multiple web pages.

6. Which part of the following CSS code would you edit to change the background color of the overall web page?
Answer: A- background-color: #C9E1FF

Explanation: In the CSS code provided, the "background-color" property sets the background color of the overall web page. Changing the value after the colon (#C9E1FF) to a different color code would result in a different background color.

7. In the following piece of CSS code, what is #ffffff called? body { color: #ffffff }
Answer: D- value

Explanation: In this context, #ffffff is the hexadecimal color value, which represents the color white. It is considered the value of the "color" property.

8. In the following piece of CSS code, what is the property selector? body { color: #ffffff background-color #525252 font-family: arial, "lucida console", sans-serif}
Answer: B- background-color

Explanation: In CSS, the property selector refers to the part of the code that specifies which CSS property you want to modify. In this case, "background-color" is the property selector.

9. Which part of the following CSS code would you edit to change the color of the heading text? body { color: #000000 background-color: #C9E1FF font-family: Arial, "Lucida Console", sans-serif} h1 {color: #114485 font-size: x-large font-family: Georgia, "Times New Roman", Times, serif;}
Answer: C- font-size: x-large

Explanation: In this CSS code, the "h1" selector targets heading elements, and the "color" property is used to specify the color of the heading text. To change the color, you would need to edit the value associated with the "color" property (#114485).

10. How many rules are contained in the CSS code? body { color: #000000 background-color: #C9E1FF font-family: Arial, "Lucida Console", sans-serif} h1 {color: #ffffff font-size: small font-family: Georgia, "Times New Roman", Times, serif;"
Answer: C- 3

Explanation: The CSS code contains 3 rules. The first rule targets the body element, the second rule targets the h1 element, and the third rule targets the font-family property in the h1 rule.

Answer 3

Hi, I actually created Jiskha.com and am in the process of updating its css. Here's what I think about your answers:

1. I don't know
2. you're right
3. does not exist in your question
4. you're right
5. I don't know (this question does not make much sense to me)
6. you're wrong
7. you're wrong
8. I don't know
9. you're wrong
10. I don't know

After working with css for over 10 years (probably close to 20) I'm astonished at the questions and am unable to effectively mentally process most of them.

Answer 4

1. You are wrong

3. you are wrong
5. you are wrong
8. you are wrong (re question 1)
10. you are wrong