CSS

Question 1

1. A _______ is a file that describes how an HTML file should look.
2. Style sheets are _______ because the sheets can apply formatting when more than one style applies.

Answer 1

1. style sheet
2. cascading

Question 2

What are the two main reasons for separating your form/formatting (CSS) from your functional content/structure (HTML):

Answer 2

1. You can apply the same formatting to several HTML elements without rewriting code (e.g.style=”color:red”:) over and over.

2. You can apply similar appearance and formatting to several HTML pages from a single CSS file.

Question 3

If you want to write your CSS in the same document as your HTML, place it in the < head> < /head> between _____ tags.

Answer 3

< style> < /style>

Question 4

1. How do you connect an HTML document to it’s CSS file?
2. What three attributes does the < link> tag need?

Answer 4

1 Set up a < link> tag in the head.

2. type, rel, & href

Question 5

What does the following tag do?

< link type=”text/css”; rel=”stylesheet”; href=”stylesheet.css”>

Answer 5

Links to a CSS file in an HTML document.

Question 6

1. What is a selector?
2. What is a property?
3. What is a value?

Answer 6

1. Any HTML element, such as < p>, < img>, or < table>. You just take off the < >s.
2. An aspect of a selector.

Example: font-family, color, font-size

3. A possible setting for a property.

Ex: red

Question 7

1. What is the general format for CSS syntax?
2. You need to end each property-value pair with a ___. That’s how CSS knows you’re done with one pair and ready for the next.

Answer 7

1. selector { property: value; }
2. semicolon (;)

Question 8

Property-value pairs should always end in a ____ (_)

Answer 8

semi-colon ;

Example:

color: green;

Question 9

What does a comment in CSS look like?

Answer 9

/* Comments in CSS are helpful for organization */

Question 10

Font values can be set in pixels ( px ) or ___.

Answer 10

ems

Ex - font-size: 1em;

Question 11

The font-size unit ___ is a relative measure: _____ is equal to the default font size on whatever screen the user is using. That makes it great for smartphone screens.

Answer 11

ems

1em

Question 12

How do you create a “box” or container in CSS?

Answer 12

Select div & set property-value pairs for background-color, height, and width.