Download to read offline
More Related Content
6. Css
- 2.
- 3.
- 4. • • • •
- 6. (tag name/class/id) { ! (rule ); • ! (rule ); • ! ... • }
- 7. • <html> <head> <style type="text/css"> body { background-color:#d0e4fe;} h1 { color:orange; text-align:center; } p { font-family:"Times New Roman"; font-size:20px; } </style> </head> <body> <h1>CSS example!</h1> <p>This is a paragraph.</p> </body> </html>
- 8. • • • • <html> <head> <style type="text/css"> .center { text-align:center; } </style> </head> <body> <h1 class="center">Center-aligned heading</h1> <p class="center">Center-aligned paragraph.</p> </body> </html>
- 9. • • • • <html> <head> <style type="text/css"> #para1 { text-align:center; color:red} </style> </head> <body> <p id="para1">Hello World!</p> <p>This paragraph is not affected by the style.</p> </body> </html>
- 10. • h1, h2, h3 { color:orange; } • • h1 b { font-family: “Helvetica”;} •
- 11. • • • <header> <link rel=stylesheet type="text/css" href="css "/>
- 12.
- 13.
- 14. • • • • • • • • • •
- 15.
- 16.
- 17.
- 18.
- 20.