cascading style sheet

Question 1

what does css stand for

Answer 1

cascading style sheets

Question 2

what is the main purpose of css

Answer 2

to style and layout web pages

Question 3

how do you select an html element with the class “menu”

Answer 3

.menu

Question 4

which selector targets the element with id =”main”

Answer 4

main

Question 5

write a css rule to make all <h1> text blue

Answer 5

h1 { color : blue;}

Question 6

what are the three ways to apply css

Answer 6

inline styles, internal document level, external

Question 7

what is the highest priority style

Answer 7

inline style

Question 8

how do you comment in css

Answer 8

/* this is comment */

Question 9

write a rule for <p> elements to have italic text

Answer 9

p { front-style : italic;}

Question 10

what property sets a space inside the border of an element

Answer 10

padding

Question 11

which property sets the background color

Answer 11

background - color

Question 12

what does the * selector mean in css

Answer 12

selects all elements

Question 13

what is the extension for css file

Answer 13

.css

Question 14

how do you include an external stylehsheet in html

Answer 14

< link rel =”stylesheet” href=”style.css”>

Question 15

what does the font- family property do

Answer 15

sets the typeface for the text

Question 16

what does #header . menu-item select

Answer 16

.menu-item inside an element with id header

Question 17

What is the role of the rel attribute in <link></link> tag for CSS?

Answer 17

Defines the relationship, like “stylesheet”.

Question 18

1. MCQ: Which of the following correctly links an external CSS file to an HTML document?

A) <style>
B) <stylesheet>
C) <link></link>
D) <css></css></stylesheet></style>

Answer 18

c

Question 19

To select an element with id=”hero” and apply red text color in CSS, you write:

Answer 19

hero { color : red;}

Question 20

Write a CSS rule to set the font of all paragraphs to Arial and size 16px.

Answer 20

p {
font-family: Arial;
font-size: 16px;
}

Question 21

MCQ: Which CSS property is used to center-align text horizontally inside an element?
A) align-text
B) text-center
C) align
D) text-align

Answer 21

d

Question 22

ul li.special { color: green; }

Answer 22

It selects all <li> elements with class “special” that are inside a <ul>, and sets their text color to green.

Question 23

What does the term “cascading” in CSS mean?

Answer 23

It refers to how the browser determines which styles to apply when multiple rules target the same element — based on priority: inline > internal > external > browser default.

Question 24

Consider the following code fragment taken from the body element of an
HTML document.

<h1>Web Technologies</h1>

<p>The following are some <em>key</em> technologies.</p>

<dl>
<dt>CSS</dt>
<dd>Cascading Style Sheets.</dd>
<dt>Javascript</dt>
<dd>A <em>language</em> for scripting web documents.</dd>
</dl>

Write code for a style element containing CSS rules to display the informa
tion in the HTML fragment as follows.
* The text-decoration property of em elements should have a value of
underline.
* The font-weight property of all elements of class important should
have a value of bold.
* The border-style property of the element with an id of “techlist”
should have a value of dotted.
* The word “language” should be rendered with a value of blue for the
background property. The rule you write for this should not affect any
other content

Answer 24

<style>

  em {
    text-decoration: underline;
  }

  .important {
    font-weight: bold;
  }

  #techlist {
    border-style: dotted;
  }

  em:contains("language") {
    background: blue;
  }

</style>

Question 25

What is the purpose of using style sheets as part of a web document?

Answer 25

Style sheets (CSS) are used to separate content from presentation, allowing for easier maintenance and updates. They also enable consistent design across multiple web pages, improving efficiency.

Question 26

Explain the role of the selector in a CSS style rule

Answer 26

The selector in a CSS style rule specifies which HTML element(s) the rule will apply to. It targets elements based on their type, class, ID, or other attributes, and determines where the style declarations (such as color, font size, etc.) will be applied in the document.

Question 27

Suppose, in an HTML document, that styles are specified in each of the following ways: in a document-level style; in an external stylesheet; and using an inline style. In which order would styles for a given element of the document be applied by the web browser?

Answer 27

The order in which styles are applied by the web browser is as follows: Inline style: Styles specified directly within an element's style attribute have the highest priority and override other styles. Document-level style: Styles defined within the