Apa itu CSS ?

 



CSS (Cascading Style Sheets) adalah salah satu teknik yang digunakan dalam pengembangan web untuk menentukan tampilan dan tata letak halaman web. CSS memungkinkan pengembang web untuk mengontrol tampilan elemen HTML di halaman web menggunakan aturan atau pernyataan yang ditulis dalam kode CSS.

Berikut ini adalah contoh penerapan CSS

    HTML:

 <!DOCTYPE html>  
 <html>  
 <head>  
      <title>Contoh CSS</title>  
      <style>  
           body {  
                background-color: #f2f2f2;  
                font-family: Arial, sans-serif;  
                font-size: 16px;  
                color: #333;  
                line-height: 1.5;  
                margin: 0;  
                padding: 0;  
           }  
           h1 {  
                font-size: 32px;  
                font-weight: bold;  
                text-align: center;  
                margin-top: 50px;  
           }  
           p {  
                font-size: 18px;  
                text-align: justify;  
                margin: 30px 0;  
           }  
           .button {  
                display: inline-block;  
                padding: 10px 20px;  
                background-color: #4CAF50;  
                color: #fff;  
                text-decoration: none;  
                border-radius: 5px;  
                border: none;  
                font-size: 18px;  
                cursor: pointer;  
                margin-top: 30px;  
           }  
      </style>  
 </head>  
 <body>  
      <h1>Ini adalah Contoh CSS</h1>  
      <p>Guksu asuad idhawd isahdiwda sadsssa. </p>  
      <a href="#" class="button">Pencet Disini</a>  
 </body>  
 </html>
Penjelasan kode di atas:
  • Tag 
     <style>
    digunakan untuk menuliskan kode CSS.
  • Setiap aturan CSS terdiri dari selector dan deklarasi. Selector digunakan untuk memilih elemen HTML yang akan diberi tampilan, sedangkan deklarasi berisi properti CSS dan nilai yang akan diterapkan pada elemen HTML yang dipilih.
  • Contoh aturan CSS pada kode di atas adalah untuk tag 
     <body>, <h1>, <p>, <button>
  • Properti CSS yang digunakan pada contoh di atas antara lain: background-color, font-family, font-size, color, line-height, margin, padding, font-weight, text-align, display, text-decoration, border-radius, border, dan cursor.
  • Nilai dari properti CSS dapat berupa nilai numerik, warna, atau kata kunci tertentu seperti 
     `bold`, `center`, `none`
  • Deklarasi CSS diakhiri dengan tanda ; dan satu aturan CSS diakhiri dengan tanda }.
  • Aturan CSS dapat ditambahkan atau diubah sesuai dengan kebutuhan untuk mengubah tampilan elemen HTML di halaman web.

Dalam pengembangan web, CSS sangat penting untuk meningkatkan tampilan dan pengalaman pengguna situs web. Dengan menggunakan CSS, pengembang web dapat membuat tampilan yang lebih konsisten, mudah dibaca, dan menarik bagi pengguna. 


Lihat artikel-artikel seru, menarik dan edukatif kami lainnya,
Silahkan klik link dibawah ini: 



3. Ingin gaji tinggi ? Diharapkan anda memiliki sertifikat ini                                             



Komentar

Posting Komentar

Postingan Populer