Guides Terkini Tentang PENGERTIAN CSS (Cascading Style Sheet)

Mengenal CSS (Cascading Style Sheet)
Css adalah standar penyusuan halaman web
Untuk pemula yang baru mengenal pemograman web, pastinya kata CSS sering terdengar di kalangan nitizen. CSS singkatan dari Cascading Style Sheet yang sering digunakan dalam menyimpan pengaturan style dari suatu halaman seperti font, warna teks, warna dan gambar pada latar belakang, letak gambar, border, alignment, margin dan padding.

Suatu halaman akan terlihat indah ketika Css tersebut di atur dengan teknik yang kreatif. Bagaimana caranya?
Baiklah... kita akan bahas sedikitnya tentang pengertian CSS dan penulisan kode CSS.

Pengertian CSS
CSS atau dikenal juga dengan Cascading Style Sheet adalah standar baru dalam penyusunan halaman web yang diumumkan oleh WWWC (World Wide Web Consortium) tahun 1996 tepatnya tanggal 17 desember. 

Fungsi utama dari Css ini adalah menyimpan konfigurasi property sebuah halaman web, mulai dari warna, teks, tabel maupun tampilan form web. Sejak revisi Css1 ke level Css2 tahun 1998, teknik pengaturan property di support oleh generasi terbaru web browser (internet explorer, Chrome, Mozilla, Safari, Bing, Opera). Sistem perkembangan sampai ke level tiga masih terus belanjut hingga sekarang. 

Teknik kegunaan CSS dalampemograman HTML : 
  • Penulisan syntax pemograman HTML menjadi lebih rapi, teratur, sederhana dan mudah melakukan perbaikan ketika terjadi kesalahan kode.
  • Dalam penggunaan Standar CSS didukung generasi terbaru Web Browser.
  • Standar CSS dapat integrasikan dengan beberapa standar pemograman seperti HTML, XHTML, Javascript dan PHP
  • Jika ingin mengubah tampilan halaman Web, tidak perlu mengubah file HTML tapi hanya mengubah file property CSS saja.
  • Property CSS akan lebih responsif ketika diakses karena filenya yang lebih kecil.
  • File Property CSS dapat dipanggil dan digunakan oleh file HTML secara kontinu tanpa mendeskripsikannya kembali.

pengertian css dalam pemograman html

Penulisan code CSS
Dalam menulis kode CSS, ada tiga pembagian yang harus diketahui;
  • Selector

       Penggunaan selektor untuk mendefinisikan elemen HTML seperti; tag <a>, <p>, <table> dan banyak lagi

  • Property

     Fungsinya untuk menentukan atribut sebuah elemen web yang akan dirubah, seperti; border elemen <tr>

  • Value

      Fungsinya untuk nilai dari property. Struktur kode CSS dapat digambarkan sebagai berikut;
pengertian CSS
Ada aturan yang perlu anda ketahui dalam penulisan kode CSS,;
         1. Penulisan Property dengan value tanpa spasi dan dipisahkan dengan tanda ":"
         2. Penulisan property menggunakan huruf kecil (case sensitive)
       3. Penulisan property sebuah selector diawali tanda kurung kurawal ''{'' dan diakhiri kurung kurawal juga "}" contoh penulisan: h1 {color:red}
       4. Penulisan property sebuah selector yang lebih dari satu, dipisahkan dengan tanda titik koma ","

    Contoh penulisannya;
    tips css property html

        5. Penulisan selector dengan property dan nilai yang sama dapat dikelompokan menjadi satu dengan dipishkan tanda koma ","
    Contoh penulisannya;
    pengertian css
          
             6. Jika Value sebuah property mengandung spasi, maka penulisan value ditandai dengan tanda petik dua "....."
    Contoh penulisan;
    penulisan property mengandung spasi
               
           7. Penulisan komentar dalam CSS diawali dengan tanda "/*" dan diakhiri dengan tanda "/*"

            8. Sebuah selector memiliki dua atau lebih property yang sama, tetapi value-nya berbeda. Pengunjung yang budiman bisa membahasakannya sebagai Class
    Contoh penulisannya;
    pengertian css
                
       9. Dalam memberikan nama class sebuah selector, tidak diperbolehkan menggunakan angka.

        10. Jika memberikan nama sebuah class lebih dari satu kata, class diawali dan akhiri dengan tanda petik dua (")

          11. Jika dua atau lebih selector memiliki property dan nilai yang sama, Anda dapat mengartikannya sebagai ID atribut. 
    ID atribut ini ditandai dengan tanda pagar "#"

         12. Pemberian nama ID atribut dapat mengandung huruf, angka atau garis bawah.

          13. Karakter nama ID atribut harus huruf atau dapat juga berupa garis bawah "_"


          14. Nama sebuah ID atribut tidak boleh sama dengan value sebuah properti.

          15. Nama ID atribut tidak boleh sama dengan tag HTML.


    Demikian hasil pemikiran dan pengalaman dalam utak-atik di komputerku, semoga membantu dalam pemahaman anda tentang pengertian CSS.
    Untuk Informasi CSS dalam HTML, CSS Teks, CSS Font, CSS Table dan Border akan saya ulas dalam postingan yang berbeda.

    Kenali blog melajah.com dan dapatkan banyak informasi mulai dari dunia pendidikan sampai TI (Teknologi Informasi)
    Tinjau saja: Cara membuat blog

    "Share untuk perkembangan Blog Melajah".

    0 Response to "Guides Terkini Tentang PENGERTIAN CSS (Cascading Style Sheet)"

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel