css week 1
Quiz yourself by thinking what should be in
each of the black spaces below before clicking
on it to display the answer.
Help!
|
|
||||
|---|---|---|---|---|---|
| p{color:red; background-color:yellow;} | Apply the specific style in every paragraph
🗑
|
||||
| /* Heloo */ | Comment
🗑
|
||||
| Body { background-color: green;} | The background-color for the body is green
🗑
|
||||
| Body { background-image:url("img.jpg");} | The background for the body is the img "img.jpg"
🗑
|
||||
| Border-style: dotted; | Apply a dotted style border
🗑
|
||||
| Border-width: 16px; | The border width is 16px
🗑
|
||||
| Margin-top: 60px; | Change the margin top at 60px
🗑
|
||||
| Padding: 80px 50px 60px 70px; | Top :80px, 50px, 60px, 70px
🗑
|
||||
| Max-height | Is the maximum height of an element
🗑
|
||||
| Min-width | Is the minimum width of an element
🗑
|
||||
| Outline: 7px dashed blue; | Insert an outline 7px width, style dashed and color blue
🗑
|
||||
| Text-decoration: none; | Remove the underline from the links
🗑
|
||||
| Text-decoration: line-through; | Create a line over-line the text
🗑
|
||||
| Text-decoration: underline; | Underline the text
🗑
|
||||
| Text-transform: uppercase; | Change the case of the text to uppercase
🗑
|
||||
| Text-transform: lowercase; | Change the case of the text to lowercase
🗑
|
||||
| Text-indent: 40px; | Text indentation
🗑
|
||||
| Letter-spacing: 15px; | Specify the space between the letters
🗑
|
||||
| Line-height | Specify the line spacing
🗑
|
||||
| Direction: rtl; | The text direction is right to left
🗑
|
||||
| Word-spacing: 10px; | Specify the spacing between the word
🗑
|
||||
| Text-shadow | Insert a shadow to the text
🗑
|
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:
kcoulee
Popular Computers sets