{"id":2274,"date":"2019-08-14T07:28:42","date_gmt":"2019-08-14T07:28:42","guid":{"rendered":"https:\/\/www.jetorbit.com\/blog\/?p=2274"},"modified":"2022-07-05T15:26:43","modified_gmt":"2022-07-05T08:26:43","slug":"mengenal-css-lebih-dekat-pengertian-fungsi-tujuan-cara-menulis-kode-2","status":"publish","type":"post","link":"https:\/\/www.jetorbit.com\/blog\/mengenal-css-lebih-dekat-pengertian-fungsi-tujuan-cara-menulis-kode-2\/","title":{"rendered":"Mengenal CSS Lebih Dekat: Pengertian, Fungsi, Tujuan, Cara Menulis Kode"},"content":{"rendered":"

Web desain tidak akan terpisahkan dari CSS karena CSS merupakan bagian dari web desain. Anda dapat mengubah front-end atau tampilan sebuah halaman web melalui CSS. Hal ini dikarenakan apabila sebuah halaman web tidak menggunakan CSS maka tampilan web tidak menarik. Kami akan sedikit mengulas tentang Mengenal CSS Lebih Dekat: Pengertian, Fungsi, Tujuan, Cara Menulis Kode.<\/strong><\/p>\n

Pengertian CSS<\/strong><\/p>\n

CSS merupakan kependekan dari Cascading Style Sheet. CSS berisi kumpulan kode-kode yang bertujuan untuk memperindah dan mengatur layout halaman web agar lebih elegan dan menarik. CSS merupakan teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Banyak bahasa markup yang telah didukung oleh CSS, seperti HTML<\/a>, XHTML, XML, SVG (Scalable Vector Graphics<\/em>) serta Mozilla XUL (XML User Interface Language<\/em>).<\/p>\n

CSS secara sederhananya ialah\u00a0berupa kumpulan kode program yang digunakan untuk mendesain tampilan halaman HTML. CSS dapat membantu Anda agar dapat mengubah desain dari text, warna, gambar, dan latar belakang dari (hampir) semua kode\u00a0tag HTML<\/strong>.<\/p>\n

CSS dengan HTML memang saling melengkapi sehingga keduanya selalu dikaitkan. Hal ini disebabkan HTML untuk membuat\u00a0struktur\/konten dari halaman web. Sedangkan CSS digunakan untuk\u00a0tampilan\u00a0dari halaman web tersebut.<\/p>\n

Pada bulan Desember tahun 1996, W3C memperkenalkan Level 1 spesifikasi CSS atau CSS1. CSS1 mendukung format, warna font teks, dan sebagainya. Selanjutnya pada bulan Mei tahun 1998, W3C memperkenalkan CSS2 yang terdapat pengaturan fungsi peletakan elemen. Saat ini, W3C telah memperbaiki dan meningkatkan kemampuan dari CSS2 menjadi CSS3.<\/p>\n

Web programmer dan blogger menggunakan CSS \u00a0untuk menentukan warna, tata letak font serta semua aspek lain dari presentasi dokumen di situs. Hal ini tentu saja dikarenakan hampir tidak ada situs web yang dibangun tanpa kode CSS.<\/p>\n

Fungsi CSS<\/strong><\/p>\n

CSS memiliki fungsi utama, yakni merancang, mengubah, mendesain serta membentuk halaman wesite. Isi dari halaman website merupakan tag-tag HTML jadi secara logika, CSS dapat mengubah tag-tag HTML yang sederhana menjadi lebih fungsional serta menarik.<\/p>\n

CSS dibutuhkan awalnya\u00a0karena kebutuhan terkait halaman web yang semakin kompleks. Saat awal kemunculan HTML, kita dapat membuat suatu paragraf berwarna biru dengan menulis langsung kode tersebut ke dalam tag HTML. Kita pun bisa membuat latar belakang sebuah halaman dengan warna merah.<\/p>\n

Tujuan CSS <\/strong><\/p>\n

Dikembangkannya CSS mempunyai tujuan utama yaitu agar dapat membedakan konten dari dokumen dan dari tampilan dokumen. Oleh karena itu, pembuatan dalam pemrograman ulang web akan lebih mudah dilakukan.<\/p>\n

Dalam desain web, akan melibatkan beberapa hal, yaitu warna, ukuran, dan formatting. Konten serta desain web akan mudah dibedakan dengan CSS. Hal ini memungkinkan untuk melakukan pengulangan pada tampilan tertentu pada suatu web. Tentu saja akan sangat memudahkan terkait membuat halaman web yang banyak yang mana akhirnya dapat menghemat waktu dalam pembuatan web.<\/p>\n

Apa itu CSS3?<\/strong><\/p>\n

Versi pengembangan dari CSS 2.1 adalah CSS3<\/em>. CSS3 dibuat dengan penambahan beberapa fitur baru yang canggih dan bermanfaat untuk pengembangan website modern. Anda dapat mempelajari dan melihat perkembangannya melalui website resminya. Berdasarkan spesifikasi , CSS3 terbagi menjadi beberapa modul untuk dipelajari dan setiap modul merupakan spesifikasi tersendiri yang dibahas dan dikembangkan oleh beberapa penulis yang terpisah dari spesifikasi lainnya.<\/p>\n

Bagaimana Menulis Kode CSS?<\/strong><\/p>\n

Kode CSS dapat ditulis dengan aplikasi code editor, seperti\u00a0notepad++, Sublime Text, dan lain-lain.<\/p>\n

Cara Menyisipkan CSS ke dalam HTML<\/strong><\/p>\n

Cara menyisipkan CSS ke dalam HTML bisa dilakukan dengan 3 cara, yaitu:<\/p>\n

    \n
  1. External Style Sheet<\/strong><\/li>\n<\/ol>\n

    Cara memasukkannya adalah dengan menambahkan tag\u00a0<link><\/strong>\u00a0beserta tipenya, yaitu\u00a0text\/css.<\/strong>\u00a0Tambahkan pula lokasi file CSS nya di dalam\u00a0href<\/strong>. Selanjutnya, Anda dapat membuat file CSS-nya.<\/p>\n

      \n
    1. Internal Style Sheet<\/strong><\/li>\n<\/ol>\n

      Anda dapat menambahkan tag\u00a0<style>\u00a0<\/strong>di dalam HTML untuk menambahkan CSS dengan cara Internal Style Sheet.<\/p>\n

        \n
      1. Inline Style<\/strong><\/li>\n<\/ol>\n

        Anda dapat menambahkan atribut\u00a0style<\/strong>\u00a0di dalam tag yang ingin diubah.<\/p>\n

        Jetorbit<\/a> menyediakan web hosting terbaik dan domain murah<\/a> di tahun 2019 ini. Web hosting adalah tempat untuk membuat website<\/a> Anda bisa diakses oleh semua pengunjung di seluruh belahan dunia. Agar bisa online dengan mudah dan cepat maka pilihlah web hosting terbaik dengan pengalaman lebih dari 5 tahun. Sedangkan domain adalah identitas dari website Anda agar mudah pengunjung mengingat nama identitas dari website Anda.<\/p>\n","protected":false},"excerpt":{"rendered":"

        Web desain tidak akan terpisahkan dari CSS karena CSS merupakan bagian dari web desain. Anda dapat mengubah front-end atau tampilan sebuah halaman web melalui CSS. Hal ini dikarenakan apabila sebuah halaman web tidak menggunakan CSS maka tampilan web tidak menarik. Kami akan sedikit mengulas tentang Mengenal CSS Lebih Dekat: Pengertian, Fungsi, Tujuan, Cara Menulis Kode. … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":2273,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"generate_page_header":"","footnotes":""},"categories":[25],"tags":[277,142,7,198],"class_list":["post-2274","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-info","tag-apa-itu-css","tag-cara-membuat-website","tag-hosting-murah","tag-pengertian-html","infinite-scroll-item","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"_links":{"self":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/2274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/comments?post=2274"}],"version-history":[{"count":2,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/2274\/revisions"}],"predecessor-version":[{"id":11028,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/posts\/2274\/revisions\/11028"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media\/2273"}],"wp:attachment":[{"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/media?parent=2274"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/categories?post=2274"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jetorbit.com\/blog\/wp-json\/wp\/v2\/tags?post=2274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}