2.2. Intro to HTML/CSS: Making webpages Khan academy

Question 1

What grouping tags do you know in HTML?

Answer 1

For grouping together in a box several elements: “

”

For text : “ “

Question 2

Which CSS decalaration sets the overflow of text in a box?

Answer 2

overflow:

overflow-x:

overflow-y:

Question 3

What attributes can have the overflow declaration in CSS?

Answer 3

visible

hidden

auto

Question 4

What declarations would you use in CSS to set the dimentions of a box?

Answer 4

width: 70%; or width: 200px;
height: 180px; or 80%;

Question 5

Whitch are the elements of a box model?

Answer 5

Content

Padding

Border

Margin

Question 6

What CSS declaration can you use to set the position of a box to the top left 30 pixels from left and 50 pixels from the top?

Answer 6

position: absolute;
top: 50px;
left: 30ps;

Question 7

if you have two pictures please tell us how can you set picture one on top if picture 2?

Answer 7

picture 1’s CSS declaration:

z-index: 2;

picture 2’s CSS declaration:

z-index: 1;

Question 8

What CSS declaration do you use to float a box to the left or to the right?

Answer 8

float: left;

or

float: right

Question 9

Ho doyou position a footer box to be at the bottom of the floated elements of the webpage?

Answer 9

We can use the CSS declaration:

clear: both;

Question 10

How do you set the with of a flaoted box?

Answer 10

It is recommended to use procentage instead of pixels in the CSS declaration:

with: 30%;

Question 11

Please write the script for a CSS descendent selector that would like to style a strong tag in a paragraph.

Answer 11

p strong { }

Question 12

Please write the script for a CSS descendent selector that would like to style a strong tag in a line of an ordered table.

Answer 12

ol li strong { }

Question 13

Please use a combined CSS and class selector to style a paragraph that has the class name brain.

Answer 13

p.brain { }

Question 14

Please use a combined CSS and class selector to style the elements (the tags) in a paragraph that has the class name brain.

Answer 14

p .brain { }

Question 15

What are pseudo classes?

Answer 15

Are classes that a re recognised by the browsers.

Ex hover (when hovered over an element), clicked (when clicked), focus (at the moment of clicking).

Syntax:

a:hover {
background-color: rgb(255, 214, 255);

}

Question 16

What is a CSS Pseudo element, give an example and the syntax.

Answer 16

A pseudo elemtn is an element that is by default undestood by the browser.

selector: :pseudo-element { property:value; }
p: :first-line { }

Pseudo selectors:

Question 17

List the following tags:

bold

paragraph

italic

header 2

brake

ordered list

unordered list

comment

Answer 17

bold

paragraph

italic

header 2

brake

ordered list

unordered list

comment <!--the comment-->

Question 18

How do you highlite a part of the text and if clicked put in a link.

Answer 18

text

The attributes are:

href - it

Question 19

Present the syntax of a CSS element

Answer 19