Welcome to Hakim Official!

Make sure to SUBSCRIBE Hakim Nurubay channel guys



SUBSCRIBE !

December 3, 2020

Artikel ini telah dikunjungi 557×


Apa Perbedaannya antara CSS dengan CSS3?


thumbnail

Pasti sebagian dari kalian ada yang bertanya, apa perbedaannya antara CSS dengan CSS3? dikutip dari Wikipedia CSS 3 adalah versi CSS terbaru yang masih dikembangkan oleh W3C. Namun beberapa web browser sudah mendukung CSS 3. CSS 2 didukung seutuhnya oleh CSS 3 dan tidak ada perubahan, hanya ada beberapa penambahan, sehingga ketika bermigrasi dari CSS 2 ke CSS 3, tidak perlu mengubah apapun. Nah itu saya kutip dari wikipedia, jadi article ini sudah seleasi:v bercanda, lol!

Oke singkat saja, CSS3 merupakan generasi ke-3 dari perkembangan CSS sebelumnya, jadi pada dasarnya pengertian CSS3 sama dengan pengertian CSS generasi sebelumnya hanya saja beberapa standar baru untuk CSS3 menggantikan CSS2 dan mungkin akan membuat kita dapat berkolaborasi lebih dalam lagi untuk membuat tampilan situs lebih menarik dan mulai meninggalkan situs yang membuat kita menunngu dengan loading yang yang lama. Sebelum itu pastikan kalian untuk


Baca juga : Apa itu HTML? apakah HTML Punya Sejarah? apa Perbedaannya HTML dengan HTML5?


Sekarang penggunaan CSS telah semakin meluas dan terus dikembangkan. Hal ini juga akan mempermudah seorang web designer dalam mengembangkan suatu halaman web (situs). Seperti yang kalian ketahui

Ada 3 cara untuk memasang Script CSS pada dokumen HTML yaitu:

  • Inline Style Sheet (Kode CSS langsung dipasang di tag HTML)
  • Internal Style Sheet (Kode CSS dipasang di dalam tag <head> HTML)
  • External Style Sheet (file CSS berbeda dari file HTML)

Perkembangan CSS

CSS 1

Pada tanggal 17 Agustus 1996 World Wide Web Consortium (W3C) menetapkan CSS sebagai bahasa pemrograman standard dalam pembuatan web. Tujuannya adalah untuk mengurangi pembuatan tag-tag baru oleh Netscape dan Internet Explorer, karena kedua browser tersebut sedang bersaing mengembangkan tag sendiri untuk mengatur tampilan web.

Fitur CSS 1

  • Mengubah Jenis Font
  • Mengubah Warna Text, Background, dan Elemen lainnya
  • Alignment text atau gambar seperti rata kiri, kanan, dan tengah
  • Text attribute seperti spasi antar huruf, surat, dan baris text
  • Margin, Border, Padding, dan Positioning untuk kebanyakan elemen
  • Mengidentifikasi & menklarifikasi secara generik dan unik sebuah group attribute

CSS 2

Spesifikasi CSS 2 dipublish dan dikembangkan oleh W3C pada Mei 1998. Merupakan Upgrade dari CSS 1, CSS 2 memiliki fitur baru seperti Positioning suatu Elemen atau Z-index secara absolute, relative, dan tepat. CSS 2 menekankan pada fitur Accessibility and Capacibilty kususnya pada media-specific CSS. CSS 2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer.

CSS 3

CSS 3 adalah versi terbaru dari CSS yang memiliki banyak kelebihan untuk mendesain website agar terlihat unik dan menarik. CSS 3 mampu menyisipkan animasi, seperti animasi gambar dan animasi 3D. Desain yang ada pada CSS 3 bersifat responsive, jadi sangat kompatibel dengan desktop maupun smartphone. Selain itu, fitur terbaru yang dimiliki CSS 3 adalah Animation, Multiple-Background, Drop-shadow, CSS Object-model, CSS Math, dan masih banyak lagi.

Apa Perbedaannya CSS dengan CSS3?

thumbnail

Berikut Perbedaan dari CSS dengan CSS3 disimak ya guys

CSS

  • CSS tidak mendukung media query
  • Kecepatan dalam memua halaman web tidak sebaik dan secepat CSS3.
  • CSS tidak mengikuti kode dasar modul yang berarti CSS menggunakan semua spesifikasi secara langsung.
  • CSS tidak mendukung desain responsif, artinya halaman website yang dibuat dengan CSS tidak ramah pada device ponsel
  • Jika ingin membuat sebuah animasi membutuhkan bahasa scripting, seperti flash, dan itu sangat tidak dianjurkan karena akan memuat halaman website semakin berat.

CSS 3

  • Kecepatan dalam memuat halaman website sangat cepat
  • CSS3 sudah mendukung permintaan untuk situs website responsif
  • Tersedia fitur animasi dan efek pada elemen, seperti efek pada teks, gambar dan objek lainnya
  • CSS3 bisa memuat semua spesifikasi terdahulunya yaitu CSS walopun spesifikasi masih dibagi dalam beberapa modul
  • Dengan peningkatan CSS3 sudah mendukung desain responsif, dengan begitu halaman website bisa sudah ramah terhadap ukuran perangkat

Kelebihan & Kekurangan CSS

Segalanya pasti ada kelebihan dan kekurangan, begitu juga dengan CSS. Berikut beberapa Kelebihan dan Kekurangan CSS

Kelebihan CSS

  • CSS sangat mudah dipelajari bahkan untuk pemula sekalipun
  • Pengaturan desain bisa anda tentukan sendiri dengan bebas
  • Menghemat waktu kamu ketika membuat maupun mengedit halaman web
  • CSS memisahkan antara Desain dan konten yang ada pada blog / website
  • Size memory yang kecil. Karena file css terpisah, membuat ukuran file HTML anda relatif lebih kecil
  • Multi function – 1 file CSS bisa anda gunakan beberapa kali, jadi anda tidak perlu repot-repot membuat banyak file CSS

Kekurangan CSS

  • Dibutuhkan waktu lebih lama dalam membuatnya.
  • Tampilan pada setiap browser bisa saja berbeda-beda.
  • Kadang-kadang juga terdapat browser yang tidak support CSS (browser lama).

Jika Kalian ingin Request membuat artikel, silakan tuliskan di kolom komentar di bawah ini!
Sekian dari saya. Terima Kasih telah berkunjung ke artikel ini.
kunjungan anda adalah Tamu Kami!
Salam !DOCTYPE

Avatar
𝓗𝓪𝓴𝓲𝓶 Nurubay

I'm a beginner web programmer, and I like to learn new things, and my passionate is about Music. you can subscribe to My YouTube Channel Hakim Nurubay. Thank you for you guys who have subscribed My YouTube Channel, and I'm glad for it. Greetings !DOCTYPE


Apa itu JavaScript? Pengertian dan Fungsinya itu apaansih? apakah JavaScript Punya Sejarah?


JavaScript adalah bahasa pemrograman tingkat tinggi dan dinamis.
Read More


Apa itu CSS? Pengertian dan Fungsinya itu apaansih? Apakah ada Sejarahnya about CSS?


CSS atau Cascading Style Sheet merupakan aturan untuk mengatur beberapa komponen dalam sebuah web
Read More


Apa itu Bootstrap? Pengertian dan Fungsinya itu apaansih?


Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web.
Read More


Apa itu SEO? Pengertian, Cara Kerja, Fungsinya apa?


SEO atau Search Engine Optimization adalah usaha-usaha mengoptimasi website untuk mesin pencarian.
Read More


Flag Counter

ads

ads



DomaiNesia

Related Posts


posts

Pengertian dan Cara Menggunakan Bootstrap

Seperti yang kalian ketahui Bootstrap adalah kerangka kerja CSS yang sumber terbuka dan bebas untuk merancang situs web dan aplikasi web.

Lihat

posts

Cara Membuat Website Sederhana Hanya dengan HTML dan CSS saja!

seperti yang kalian ketahui HTML adalah singkatan dari Hypertext Markup Language. kalian di sini akan melihat tutorial membuatnya.

Lihat

posts

Cara Embed Website ke halaman Website Sendiri Responsive

Kalian ingin meng-Embed sebuah website ke halaman website Kalian sendiri, dan Kalian tidak tahu cara membuatnya? di sini saya akan memberi tahu caranya meng-Embed Website

Lihat

posts

Cara Embed Video YouTube AutoPlay Terbaru ke halaman Website Sendiri Responsive

Kalian ingin meng-Embed video YouTube kalian ke sebuah halaman website? dan juga ingin membuatnya AutoPlay? Yuk Sini saya beri source code nya!

Lihat