HTML & CSS Skill#4

Order the box model starting from the inside.

• content

• padding

• border

• margin

In the following code set the text color for the page to "red", and the text color for <h1> to "blue".

c

d

h1 {color: blue;}

body {color: red;}

h1 { color: 00ff00; }

body { color: (16,0,0); }

Correctly order the properties with their h1 tag values.

• color:

• font-family:

• font-size:

• font-weight:

• text-align:

You are analyzing the following CSS for an element on a page:

background: #0000FF url(“Watermark.png”) repeat-x right;

The background  of the page  will be red?

• Yes

• No

Order the following:

Correctly arrange the following code by setting as background color lightblue:

You should set the width of the div to "200px", the padding of the div to "25px", the border of the div to "25px solid navy", the margin of the div to "25px".

div{...}

• background‑color: lightblue;

•    width: 200px;

•    padding: 25px;

•  border: 25px solid navy;

•    margin: 25px;

Complete the media queries for the mobile device.

@media only screen  ​ (a)        {

     / for mobiles phones /

    nav { display: none; }

    main { width: 100%; }

    aside { display: none; }

• and (max‑widht: 480px)
• and (min‑widht: 481px)
• and (min‑widht: 769px)

The font-family attribute helps  ensure  maximun  compatibility  between  web browsers?

• Yes

• No

Percent  and EM  are  relative  measurements  and the size  of each  depends upon  its  parents.

Enter Yes or No

Pixels  are recommended  units for specifying size

• No

• Yes

If I have a paragraph with a slight indentation, how would the code look like?

c

e

d

f

color

font-weight

font-size

font-style

text-indent

background-color