Mengenal CSS (Cascading Style Sheet)

Assalamu'alaikum Wr. Wb.

A). Pendahuluan
       Bertemu lagi di blog saya, disini saya akan menjelaskan kalian tentang CSS (Cascading Style Sheet), apakah kalian tahu tentang CSS? apa fungsinya, kelebihan dan kekurangan, versi css, tag-tag beserta fungsi dalam CSS dan contoh CSS yang sederhana. Kalau ingin tahu lihat blog saya di bawah ini.


B). Pengertian
       Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

      Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

C). Latar Belakang
       Perkembangan dunia informatika memang selalu mengalami peningkatan yang sangat pesat. Hal ini dikarenakan adanya penggunaan internet di berbagai bidang. Mengingat pentingnya dunia internet, para programer berusaha membuat dan mendesain program dan aplikasi yang dibutuhkan saat melakukan browsing internet.

D). Maksud dan Tujuan

       Tujuan utama dari CSS yaitu agar dapat membedakan konten dari dokumen dan dari tampilan dokumen. Maka dari itu, pembuatan dalam pemrograman ulang web pun akan lebih mudah dilakukan. Hal-hal yang terlibat dalam desain web itu adalah warna, ukuran dan formatting. Dengan adanya CSS ini, konten dan desain web akan tampak mudah saat dibedakan, jadi memungkinkan juga untuk melakukan pengulangan pada tampilan-tampilan tertentu pada suatu web, sehingga akan sangat memudahkan dalam hal membuat halaman web yang banyak, dimana pada akhirnya bisa menghemat waktu dalam pembuatan web.

E). Alat dan Bahan
       - Laptop/pc
       - Koneksi internet

D). Pembahasan

     a). Sejarah CSS
            Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style.^[3] CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web (WWW) Consortium atau W3C pada tahun 1996. Setelah CSS distandardisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

    b). Versi CSS
           Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2 dan CSS3. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS2 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table layout dan media tipe untuk printer. Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama dan kedua.

     c). Sifat CSS

            Ada dua sifat CSS yaitu internal dan eksternal.  Jika internal yang dipilih, maka script itu dimasukkan secara langsung ke halaman website yang akan didesain. Kalau halaman web yang lain akan didesain dengan model yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web.

Sifat yang kedua adalah eksternal di mana script CSS dipisahkan dan diletakkan dalam berkas khusus.

     d). Fakta menggunakan CSS
             Fakta Menggunakan CSS yaitu :

• Telah didukung oleh kebanyakan browser versi terbaru, tetapi tidak didukung oleh browser-browser lama.
• Lebih fleksibel dalam penempatan posisi layout. Dalam layouting CSS, kita mengenal Z-Index untuk menempatkan objek dalam posisi yang sama.
• Menjaga HTML dalam penggunaan tag yang minimal, hal ini berpengaruh terhadap ukuran berkas dan kecepatan pengunduhan.
• Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat ditampilkan sesudahnya.
• Penerjemahan CSS setiap browser berbeda, tata letak akan berubah jika dilihat di berbagai browser
• CSS adalah layouting "Masa Depan" dengan penggabungan bersama XHTML.

    e). Keuntungan CSS

• Memisahkan presentasi sebuah dokumen.
• Mempermudah dan mempersingkat pembuatan dokumen web.
• Mempercepat proses rendering/pembacaan dari CSS. 
  

F). Hasil yang Didapat
    Dapat mengenal, mengetahui dan memahami tentang sejarahnya CSS, pengertian, Versi CSS, sifat, fakta menggunakan CSS dan keuntungan dari CSS. 

G). Hasil Kesimpulan
    Dari bacaan diatas, saya akan menyimpulkan bahwa CSS menjelaskan tentang pengaturan dari halaman web. Dalam ini, CSS mengatur warna, tata letak dan font informasi serta bagaimana mengubah presentasi pada berbagai jenis perangkat, seperti layar besar, layar kecil atau printer. Sekian yang dapat saya jelaskan mengenai CSS, semoga bermanfaat untuk anda. Kurang lebihnya saya mohon maaf. 

H). Referensi
       
        https://id.wikipedia.org/wiki/CSS

Cukup sekian informasi yang dapat saya berikan pada hari ini, semoga bisa bermanfaat dan berguna buat orang lain. Jika ada kesalahan kata saya mohon maaf. Terima kasih telah mengunjungi blog saya,  dan jangan lupa untuk mengikuti dan membaca selalu postingan di blog saya yang saat ini masih biasa-biasa saja.

  ~ Wassalamu'alaikum Wr. Wb. ~