CSS 3

1. What does CSS stand for?

Computer Style Sheets

Cascading Style Sheets

Creative Style Sheets

Control Style Sheets

CSS stands for Cascading Style Sheets. This is a stylesheet language used to describe the presentation of a document written in HTML or XML. It is responsible for the visual appearance of web pages, including layout, colors, fonts, and other design elements. The term "cascading" refers to the way styles are applied to different elements, with the ability to inherit and override styles from multiple sources. This allows for consistent and efficient styling across a website or web application.

Explanation

CSS stands for Cascading Style Sheets. This is a stylesheet language used to describe the presentation of a document written in HTML or XML. It is responsible for the visual appearance of web pages, including layout, colors, fonts, and other design elements. The term "cascading" refers to the way styles are applied to different elements, with the ability to inherit and override styles from multiple sources. This allows for consistent and efficient styling across a website or web application.

2.

How do you insert a comment in a CSS file?

*this is a comment' this is a comment

/*this is a comment*//*this is a comment*/

//this is a comment///this is a comment

/this is a comment// this is a comment

To insert a comment in a CSS file, you can use the syntax /* this is a comment */. This allows you to add notes or explanations within the CSS code that will not be interpreted by the browser.

Explanation

To insert a comment in a CSS file, you can use the syntax /* this is a comment */. This allows you to add notes or explanations within the CSS code that will not be interpreted by the browser.

3. Which property is used to change the background color?

Color:

Bgcolor:

Background-color:

The correct answer is "background-color:". This property is used to change the background color of an element on a webpage. It allows you to specify a color value, such as a color name, hexadecimal code, or RGB value, to be used as the background color for the selected element. By using the "background-color:" property, you can easily customize the appearance of the background of an element to match your desired design or style.

Explanation

The correct answer is "background-color:". This property is used to change the background color of an element on a webpage. It allows you to specify a color value, such as a color name, hexadecimal code, or RGB value, to be used as the background color for the selected element. By using the "background-color:" property, you can easily customize the appearance of the background of an element to match your desired design or style.

4.

How do you add a background color for all elements?

All.h1 {background-color:#FFFFFF}

H1.all {background-color:#FFFFFF}

H1 {background-color:#FFFFFF}

The correct answer is h1 {background-color:#FFFFFF}. This CSS rule targets all h1 elements and sets their background color to white (#FFFFFF).

Explanation

The correct answer is h1 {background-color:#FFFFFF}. This CSS rule targets all h1 elements and sets their background color to white (#FFFFFF).

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

Style

Css

Script

The HTML tag used to define an internal style sheet is the "style" tag. This tag is placed within the head section of an HTML document and is used to define CSS rules that will be applied to the elements within the document. By using the "style" tag, developers can easily apply styles to multiple elements without the need for an external CSS file.

Explanation

The HTML tag used to define an internal style sheet is the "style" tag. This tag is placed within the head section of an HTML document and is used to define CSS rules that will be applied to the elements within the document. By using the "style" tag, developers can easily apply styles to multiple elements without the need for an external CSS file.

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

P {text-size:bold}

P {font-weight:bold}

The correct CSS syntax for making all the

elements bold is "p {font-weight:bold}". In CSS, the "font-weight" property is used to specify the weight or thickness of the font. The value "bold" makes the text bold. Therefore, applying this style to the

elements will make the text inside them appear bold.

Explanation

The correct CSS syntax for making all the

elements bold is "p {font-weight:bold}". In CSS, the "font-weight" property is used to specify the weight or thickness of the font. The value "bold" makes the text bold. Therefore, applying this style to the

elements will make the text inside them appear bold.

7. To define the space between the element's border and content, you use the padding property, but are you allowed to use negative values?

Yes

No

Yes, you are allowed to use negative values for the padding property. Using negative padding values will cause the content to extend beyond the element's borders, effectively overlapping other elements. This can be useful in certain scenarios, such as when you want to create a visual effect or adjust the positioning of elements. However, it is generally recommended to use positive padding values for better readability and maintainability of the code.

Explanation

Yes, you are allowed to use negative values for the padding property. Using negative padding values will cause the content to extend beyond the element's borders, effectively overlapping other elements. This can be useful in certain scenarios, such as when you want to create a visual effect or adjust the positioning of elements. However, it is generally recommended to use positive padding values for better readability and maintainability of the code.

8. Which CSS property controls the text size?

Text-size

Text-color

Front-size

Font-style

The correct answer is "font-size". This CSS property is used to control the size of the text displayed on a webpage. It allows the web developer to specify the size of the font in pixels, ems, or other units of measurement. By adjusting the font-size property, the text can be made larger or smaller to enhance readability or achieve a desired aesthetic effect.

Explanation

The correct answer is "font-size". This CSS property is used to control the size of the text displayed on a webpage. It allows the web developer to specify the size of the font in pixels, ems, or other units of measurement. By adjusting the font-size property, the text can be made larger or smaller to enhance readability or achieve a desired aesthetic effect.

9. 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 = 1pixel?

Border-width:10px 20px 5px 1px

Border-width:20px 10px 5px 1px

Border-width:5px 20px 10px 1px

Border-width:10px 20px 1px 5px

The CSS property "border-width" is used to set the width of the border. The values are specified in clockwise order starting from the top border and going around to the right, bottom, and left borders. In this case, the top border is set to 10 pixels, the right border is set to 20 pixels, the bottom border is set to 5 pixels, and the left border is set to 1 pixel.

Explanation

The CSS property "border-width" is used to set the width of the border. The values are specified in clockwise order starting from the top border and going around to the right, bottom, and left borders. In this case, the top border is set to 10 pixels, the right border is set to 20 pixels, the bottom border is set to 5 pixels, and the left border is set to 1 pixel.

10.

How do you display hyperlinks without an underline?

A {underline:none}

A {text-decoration:none}

A {decoration:no underline}

A {text-decoration:no underline}

The correct answer is "a {text-decoration:none}". This CSS code is used to remove the underline from hyperlinks. The "text-decoration" property is used to control the decoration of text, and setting it to "none" removes any underline that is applied to the hyperlink.

Explanation

The correct answer is "a {text-decoration:none}". This CSS code is used to remove the underline from hyperlinks. The "text-decoration" property is used to control the decoration of text, and setting it to "none" removes any underline that is applied to the hyperlink.

11. How do you change the text color of an element?

Color:

Fgcolor:

Text-color:

Text-color=

The correct answer is "fgcolor:". In CSS, the "color" property is used to change the text color of an element. The "fgcolor:" option is not a valid CSS property.

Explanation

The correct answer is "fgcolor:". In CSS, the "color" property is used to change the text color of an element. The "fgcolor:" option is not a valid CSS property.

12.

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

Type: 2

List-type: square

List-style-type: square

Type:square

To make a list that lists its items with squares, you can use the CSS property "list-style-type: square". This property sets the marker for each list item to be a square shape. By applying this style to the list, each item will be displayed with a square marker.

Explanation

To make a list that lists its items with squares, you can use the CSS property "list-style-type: square". This property sets the marker for each list item to be a square shape. By applying this style to the list, each item will be displayed with a square marker.

13.

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

At the top of the document

In the section

At the end of the document

In the section

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

section. This is where the document's metadata and other important information, such as the title and character encoding, is typically placed. Including the link to the external style sheet in the section ensures that the styles are loaded and applied before the content of the document is rendered, resulting in a more consistent and visually appealing presentation of the webpage.

Explanation

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

section. This is where the document's metadata and other important information, such as the title and character encoding, is typically placed. Including the link to the external style sheet in the section ensures that the styles are loaded and applied before the content of the document is rendered, resulting in a more consistent and visually appealing presentation of the webpage.

14. Which HTML attribute is used to define inline styles?

Styles

Style

Font

Class

The correct answer is "font". The font attribute in HTML is used to define inline styles. It allows you to specify the font size, color, and other font-related properties for a specific element within the HTML code. By using the font attribute, you can apply inline styles directly to an element without the need for external CSS or style sheets.

Explanation

The correct answer is "font". The font attribute in HTML is used to define inline styles. It allows you to specify the font size, color, and other font-related properties for a specific element within the HTML code. By using the font attribute, you can apply inline styles directly to an element without the need for external CSS or style sheets.

15.

Which is the correct CSS syntax?

{body:color=black(body}

{body;color:black}

Body:color=black

Body {color: black}

The correct CSS syntax is "body {color: black}". In CSS, selectors are used to target specific elements on a webpage, and in this case, the selector "body" is used to target the body element. The curly brackets {} are used to enclose the declaration block, and within the declaration block, the property "color" is set to the value "black". This syntax correctly applies the CSS style of setting the text color of the body element to black.

Explanation

The correct CSS syntax is "body {color: black}". In CSS, selectors are used to target specific elements on a webpage, and in this case, the selector "body" is used to target the body element. The curly brackets {} are used to enclose the declaration block, and within the declaration block, the property "color" is set to the value "black". This syntax correctly applies the CSS style of setting the text color of the body element to black.