CSS beginning terms, rules, code
Quiz yourself by thinking what should be in
each of the black spaces below before clicking
on it to display the answer.
Help!
|
|
||||
|---|---|---|---|---|---|
| What is an inline style? | show 🗑
|
||||
| show | <p style="text-color:red;">
🗑
|
||||
| show | Insert in the <head> of an HTML document <style type='text/css'>
🗑
|
||||
| show | In the <head> enter <link rel='stylesheet' type='text/css' href='folder and name of the style sheet.css'>
🗑
|
||||
| How do you prevent old browsers from displaying your one page style rules? | show 🗑
|
||||
| show | <!-- this is the comment area -->
🗑
|
||||
| show | </style>
🗑
|
||||
| show | a: link {color:#cc0000;}
🗑
|
||||
| show | a: visited {color: #cccccc;}
🗑
|
||||
| show | solid, dotted, dashed, double
🗑
|
||||
| show | only the object, not the padding, borders, or margins
🗑
|
||||
| All elements in HTML generate a ... | show 🗑
|
||||
| What are some of the box properties? | show 🗑
|
||||
| Write the shorthand for a margin that is 5px on the left and right and 10 pixels on the bottom and 15 px on the top | show 🗑
|
||||
| show | It forces IE 5 and 6 to read CSS for the box model correctly
🗑
|
||||
| What would the Tan Hack be for a div with a 90px width, 10px padding, border of 5px? | show 🗑
|
||||
| show | Use computer calculator in scientific mode. select dec, enter first number and hit hex button. This is the first three digits. Repeat with the other two numbers.
🗑
|
||||
| What other border styles are available for non IE browsers? | show 🗑
|
||||
| Why should you check your site on different browsers? | show 🗑
|
||||
| What is the approximate %age of the larger column using the golden ratio to set up your page? | show 🗑
|
Review the information in the table. When you are ready to quiz yourself you can hide individual columns or the entire table. Then you can click on the empty cells to reveal the answer. Try to recall what will be displayed before clicking the empty cell.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
To hide a column, click on the column name.
To hide the entire table, click on the "Hide All" button.
You may also shuffle the rows of the table by clicking on the "Shuffle" button.
Or sort by any of the columns using the down arrow next to any column heading.
If you know all the data on any row, you can temporarily remove it by tapping the trash can to the right of the row.
Embed Code - If you would like this activity on your web page, copy the script below and paste it into your web page.
Normal Size Small Size show me how
Normal Size Small Size show me how
Created by:
barbaboush
Popular Computers sets