CSS and HTML IMG Grade 6

What is CSS?

• a language that controls the way content on a web site appears

• is the most basic building block of the Web. It defines the meaning and structure of web content.

• is a programming language that conforms to the ECMAScript specification.

What is full name of CSS?

• Cascading Style Sheets

• Cascading Sheets Style

• Computer Style Sheets

• Computer Sheets Style

How many CSS do we have?

• 2

• 3

• 4

• 1

Which is not a type of CSS?

• Inline

• Outline

• Internal

• External

What is a style sheet?

• a document that controls how a web page will appear.

• a list

• a program language

• a web structure

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

What is this for?

• Inline CSS

• External CSS

• Internal CSS

• Outline CSS

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

Which one is correct:

• 1. This is inline CSS

• 2. This is the sentence shows CSS is linked to html page

• This is the sentence shows HTML is linked to CSS page

• 4. This is CSS sentence

h1 {

color: red;

font-size: 24px;

}

What is this meaning?

• Change h1's font colour to red

  Change font size of whole page to 24px

• Change background colour to red

  Change font size of whole page to 24px

• Change h1's font colour to red

  Change font size of h1 to 24px

• Change background colour to red

  Change font size of h1 to 24px

To show the page like this, which one is correct?

• h1 {

  color: red;

  font-size: 24px;

  }

  h3 {

  font-size: 14px;

  color:aqua;

  }

• <h1

  color: red;

  font-size: 24px;

  >

  <h3

  font-size: 14px;

  color:aqua;

  >

• h1 {

  color: red;

  font-size: 24px;

  }

  h3 {

  font-size: 14px;

  color:aqua;

  text-align: right;

  }

• <h1

  color: red;

  font-size: 24px;

  >

  <h3

  font-size: 14px;

  color:aqua;

  text-align:right;

  >

Which sentence is correct?

• h1: {

  color: #222;

  }

• h1<

  color:white;

  >

• h1

  {

  text-align= center

  }

• h1

  {

  text-align: center;

  }