CS 102 CSS Practice Test

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

What does CSS stand for?

Cascading Style Sheets

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

Where in an HTML document is the correct place to refer to an external style sheet?

In the section

Which HTML tag is used to define an internal style sheet?

Which HTML attribute is used to define inline styles?

style Signup and view all the answers

Which is the correct CSS syntax?

body {color: black;} Signup and view all the answers

How do you insert a comment in a CSS file?

/* comment */ Signup and view all the answers

Which property is used to change the background color?

background-color Signup and view all the answers

How do you add a background color for all
elements?

h1 {background-color: #FFFFFF;} Signup and view all the answers

Which CSS property is used to change the text color of an element?

color Signup and view all the answers

Which CSS property controls the text size?

font-size Signup and view all the answers

What is the correct CSS syntax for making all the
elements bold?

p {font-weight: bold;} Signup and view all the answers

How do you display hyperlinks without an underline?

a {text-decoration: none;} Signup and view all the answers

How do you make each word in a text start with a capital letter?

text-transform: capitalize; Signup and view all the answers

Which property is used to change the font of an element?

Both font-family and font can be used Signup and view all the answers

How do you make the text bold?

font-weight: bold; Signup and view all the answers

How do you display a border like this: The top border = 10 pixels, The bottom border = 5 pixels, The left border = 20 pixels, The right border = 1 pixel?

border-width: 10px 1px 5px 20px; Signup and view all the answers

Which property is used to change the left margin of an element?

margin-left Signup and view all the answers

When using the padding property, are you allowed to use negative values?

False Signup and view all the answers

How do you make a list that lists its items with squares?

list-style-type: square; Signup and view all the answers

How do you select an element with id 'demo'?

#demo Signup and view all the answers

How do you select elements with class name 'test'?

.test Signup and view all the answers

How do you select all
elements inside a
element?

div p Signup and view all the answers

How do you group selectors?

Separate each selector with a comma Signup and view all the answers

What is the default value of the position property?

static Signup and view all the answers

Study Notes

CSS Basics

CSS stands for Cascading Style Sheets, used for styling HTML documents.
External Style Sheet is referred to in HTML using the <link> tag within the <head> section: <link rel="stylesheet" type="text/css" href="style.css">.

Where to Place Styles

The correct place to include an external style sheet is within the <head> section of an HTML document.
Internal styles are defined using the <style> tag, also placed in the <head> section.

Inline and Internal Styles

The inline style attribute in HTML is defined using the style attribute, e.g., Text.
CSS Syntax for styles includes selectors followed by property-value pairs, e.g., body {color: black;}.

CSS Properties and Values

Inline comments in CSS are inserted using /* comment here */.
The background-color property changes the background color of an element.
The syntax h1 {background-color:#FFFFFF;} applies a white background to all <h1> elements.

Text and Font Styles

The color property modifies the text color of an element.
Font-size decides the text size of an element, e.g., p {font-size:16px;}.
To make all  elements bold, use the syntax: p {font-weight:bold;}.

Links and Text Transformation

The rule a {text-decoration:none;} removes underlines from hyperlinks.
The text-transform property with the value capitalize makes the first letter of each word uppercase, e.g., text-transform:capitalize;.

Font Customization

Properties font-family and font can both be used to change an element's font.
To make text bold, use font-weight:bold;.

Borders and Margins

Border-width can be specified using the syntax border-width:10px 1px 5px 20px; for top, right, bottom, and left respectively.
margin-left property adjusts the left margin of an element.

Padding and List Styles

Negative values are not allowed for the padding property.
To create a list with square bullet points, use: list-style-type: square;.

Selectors in CSS

To select an element with the id "demo", use #demo.
To select elements with class name "test", write .test.
div p selects all  elements inside a <div>.
Group selectors by separating them with commas, e.g., h1, h2, h3 {color:blue;}.

Positioning

The default value of the position property in CSS is static.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Description

Test your knowledge about Cascading Style Sheets (CSS) with this CS 102 practice quiz. Covering essential questions about external and internal styles, this quiz is perfect for students looking to solidify their understanding of CSS in web development. Challenge yourself and prepare for your upcoming tests!