Advertisement
wildanfuady

Inline CSS

Jan 10th, 2020
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.99 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>Belajar Inline CSS</title>
  8. <style>
  9. h1{
  10. color: red;
  11. }
  12. p{
  13. color: blue;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <!-- Cirinya: ada di dalam tag html secara langsung -->
  19. <!-- atribut yang dipakai adalah "style" -->
  20. <!-- Kelebihan:
  21. Lebih diutamakan daripada file CSS terpisah -->
  22. <!-- Kekurangannya:
  23. - Script jadi gemuk
  24. - Tidak bisa digunakan di file lain -->
  25.  
  26. <h1 style="color: blue;">This ia a heading blue</h1>
  27. <p style="color: grey;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita provident fuga beatae laboriosam dolore ea nesciunt labore sint adipisci. Dolorum molestiae sunt quod impedit ipsum doloremque eum dignissimos tenetur beatae.</p>
  28. </body>
  29. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement