1 / 15

Presentatie CSS

Presentatie CSS. Gemaakt door: Dylan Aliberti Jeffrey Lem. Inhoud. Wat is CSS?. CSS staat voor : Cascading stylesheet , of vertaald naar het Nederlands: trapsgewijze stijlopsomming. Tekst opmaak. Laten we als eerst de stijl maken van d e heading

lazaro
Download Presentation

Presentatie CSS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Presentatie CSS Gemaakt door: Dylan Aliberti Jeffrey Lem

  2. Inhoud

  3. Wat is CSS? • CSS staat voor : Cascadingstylesheet, of vertaald naar het Nederlands: trapsgewijze stijlopsomming.

  4. Tekst opmaak • Laten we als eerst de stijl maken van de heading • <!DOCTYPE html> • <html> • <head> This is heading 2 • <style> • h2 {text-decoration:line-through;} This is heading 3 • h3 {text-decoration:underline;} • </style> • </head> • <body> • <h2>This is heading 2</h2> • <h3>This is heading 3</h3> • </body> • </html>

  5. Tekst opmaak • Laten we als eerst de stijl maken van de heading • <!DOCTYPE html> • <html> • <head> This is heading 2 • <style> • h2 {color:#00ff00;} • h2 {text-decoration:line-through;} This is heading 3 • h3 {text-decoration:underline;} • </style> • </head> • <body> • <h2>This is heading 2</h2> • <h3>This is heading 3</h3> • </body> • </html>

  6. Tekst opmaak • Laten we als eerst de stijl maken van de heading • <!DOCTYPE html> • <html> • <head> This is heading 2 • <style> • h2 {color:#ff0000;} • h2 {text-decoration:line-through;} This is heading 3 • h3 {text-decoration:underline;} • </style> • </head> • <body> • <h2>This is heading 2</h2> • <h3>This is heading 3</h3> • </body> • </html>

  7. Achtergrond opmaak

  8. Achtergrond opmaak

  9. Links

  10. Quiz Waar staat CSS voor? CascadingStyle Sheets

  11. Quiz Waarom hebben ze CSSgemaakt? Omdat het makkelijker is om alle pagina’s tegelijk aan te passen

  12. Quiz Waarom laad een pagina sneller met CSS? Omdat je minder codes hoeft te gebruiken

  13. Quiz Hebben jullie er wat van geleerd? JA TUURLIJK

  14. Vragen ? ? ------

  15. Einde

More Related