{"id":101,"date":"2021-07-21T00:00:00","date_gmt":"2021-07-21T00:00:00","guid":{"rendered":"https:\/\/majapahit.id\/blog?p=101"},"modified":"2025-09-03T17:37:44","modified_gmt":"2025-09-03T10:37:44","slug":"apa-itu-css","status":"publish","type":"post","link":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/","title":{"rendered":"Apa Itu CSS : Pengertian, Fungsi dan Jenis CSS"},"content":{"rendered":"\r\n<p style=\"line-height: 3;\">Majapahit Teknologi &#8211; Apakah Anda sudah mengetahui mengenai apa itu CSS ? Ya, CSS sangat dibutuhkan untuk mendesain website agar tampilan yang dibuat terlihat lebih menarik dan juga sesuai dengan kebutuhan Anda. Oleh karena itu, Anda perlu belajar CSS agar website Anda menjadi lebih menarik.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Perkembangan teknologi sekarang ini telah terjadi di berbagai bidang khususnya untuk pengembangan website. Tentu saja bagi Anda yang menjadi website developer sudah mengetahui terkait CSS ini yang banyak sekali fungsi untuk dapat mengembangkan website.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Namun, bagi Anda yang baru saja belajar bahasa pemrograman, penting sekali untuk mengetahui tools ini agar bisa menjadi seorang developer website yang cukup handal.<\/p>\r\n\r\n\r\n\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Daftar Isi<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #383838;color:#383838\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #383838;color:#383838\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#Pengertian_CSS\" >Pengertian CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#Sejarah_dan_Perkembangan_CSS\" >Sejarah dan Perkembangan CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#Fungsi_CSS\" >Fungsi CSS<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#Membuat_Desain_dengan_Cepat\" >Membuat Desain dengan Cepat<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#Halaman_Website_Cepat_di_Akses\" >Halaman Website Cepat di Akses<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#Kompatibel\" >Kompatibel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#CSS_Menjadi_Standar_Pengembangan_Website\" >CSS Menjadi Standar Pengembangan Website<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#Cara_Kerja_CSS\" >Cara Kerja CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#Jenis_CSS_Cara_Penggunaannya\" >Jenis CSS &amp; Cara Penggunaannya<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#Inline_Style_Sheet\" >Inline Style Sheet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#External_Style_Sheet\" >External Style Sheet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#Embedded_Style_Sheet\" >Embedded Style Sheet<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#Penutup\" >Penutup<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-pengertian-css\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Pengertian_CSS\"><\/span>Pengertian CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Apa itu CSS ? CSS adalah kepanjangan dari <em><strong>Cascading Style Sheets<\/strong><\/em> yang berfungsi untuk dapat menyederhakan sebuah proses dalam pembuatan website dalam mengatur berbagai elemen yang ditulis dalam bahasa markup.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Biasanya, CSSS dipakai untuk membuat desain halaman depan atau biasa di sebut dengan front end. Ketika Anda menggunakan CSS, Ada banyak hal yang dapat Anda lakukan dibandingkan dengan bahasa pemrograman lainnya seperti HTML dan PHP.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Misalnya saja seperti mengatur warna teks, jenis font, ukuran kolom, jenis background dan lain sebagainya yang bisa Anda atur sesuai dengan kemauan Anda sendiri.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Bagi Anda yang baru saja belajar bahasa pemrograman CSS, tentunya Anda tidak perlu khawatir, karena CSS ini sangat mudah untuk dipelajari.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/thumbnail\/2021\/07\/apa-itu-css.jpg\" alt=\"apa itu css dan cara kerjanya\" class=\"lazyload wp-image-10683\" style=\"width: 100%;\"><\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-sejarah-dan-perkembangan-css\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Sejarah_dan_Perkembangan_CSS\"><\/span>Sejarah dan Perkembangan CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">CSS pertama kali di kembangkan oleh World Wide Consurtium atau lebih dikenal dengan istilah W3C pada tahun 1996. Alasan yang cukup sederhana untuk mengembangkan CSS yakni karena HTML dulunya tidak dilengkapi dengan tag yang berfungsi sebagai alat untuk halaman sampai pada akhirnya lahirlah CSS.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Pada akhir tahun 1996, tepatnya pada bulan Desember, CSS level 1 telah resmi dipublikasikan. Perlu Anda ketahui bahwa proyek pada CSS level 1 ini banyak didukung oleh programmer dari Perusahaan ternama yakni Microsoft, programmer itu bernama Thomas Reardon.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Di dalam penetepannya pada CSS level 1 memiliki tujuan untuk dapat mengurangi tag-tag baru pada Netscape dan juga Internet Explorer, dimana pada waktu itu keduanya bersaing untuk mengembangkan tag-tag mereka sendiri untuk tampilan halaman web.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Selain dari pada itu, pada CSS level 1 mendukung beberapa pengaturan misalnya seperti Font, warna, text dan lain sebagainya. <\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Sampai pada akhirnya, CSS mengalami banyak penyempurnaan hingga berkembang sampai saat ini.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-fungsi-css\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Fungsi_CSS\"><\/span>Fungsi CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">CSS memiliki banyak sekali fungsi dan kegunaanya dalam membuat website menjadi lebih elegan dan menarik. Penasaran apa saja fungsinya? Yuk, simak ulasan berikut ini.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Membuat-Desain-dengan-Cepat\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Membuat_Desain_dengan_Cepat\"><\/span>Membuat Desain dengan Cepat<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Ketika Anda membuat atau menciptakan sebuah desain yang sama di beberapa halaman website tentu saja hal tersebut akan membuat para pengunjung menjadi cepat bosan. Selain dari pada itu, Anda harus menyalin satu per satu file dari setiap halaman yang Anda buat.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Lalu, apa yang akan Anda dapatkan ketika menggunakan CSS? Hal pertama yang akan Anda rasakan adalah Anda tidak perlu lagi untuk menyalin satu per satu file dokumen dari setiap halaman tersebut.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Dengan demikian, CSS bisa menjadi solusi tepat untuk membuat desain dengan cepat untuk membuat desain yang sama dalam beberapa halaman HTML.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Halaman-Website-Cepat-di-Akses\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Halaman_Website_Cepat_di_Akses\"><\/span>Halaman Website Cepat di Akses<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Menggunakan CSS untuk membuat website akan menjadikan website Anda mudah dan cepat untuk di akses dan Anda tidak harus menggunakan berbagai atribut tag HTML di seluruh file tersebut.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Bagaimana cara kerjanya? Anda hanya harus menuliskan satu kali fungsi CSS, setelah itu bisa di aplikasikan ke seluruh file yang Anda butuhkan.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Kompatibel\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Kompatibel\"><\/span>Kompatibel<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">CSS sangat mudah untuk diaplikasikan ke berbagai perangkat, baik itu versi lama maupun versi baru. Dengan demikian, CSS dapat menyesuaikan tampilan yang Anda ciptakan ke perangkat lama dan baru.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"CSS-Menjadi-Standar-Pengembangan-Website\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"CSS_Menjadi_Standar_Pengembangan_Website\"><\/span>CSS Menjadi Standar Pengembangan Website <span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Nyaris semua website yang tersedia di Internet telah menggunakan CSS. Selain dengan tampilannya yang menarik, banyak sekali browser yang mendukung CSS.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Maka, CSS bisa di katakan menjadi salah satu standar untuk pengembangan website. Hal ini di karenakan sesuai dengan standar browser populer.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\"><strong>Baca Juga :<\/strong> <a href=\"https:\/\/majapahit.id\/blog\/2021\/07\/12\/css-framework\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSS Framework<\/a> <\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"Cara-Kerja-CSS\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Cara_Kerja_CSS\"><\/span>Cara Kerja CSS<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<div class=\"wp-block-image\" style=\"line-height: 3;\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"\/thumbnail\/2021\/07\/cara-kerja-css.jpg\" alt=\"cara kerja css\" class=\"lazyload wp-image-10684\" style=\"width: 100%;\"><\/figure><\/div>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Dengan kerja sama yang apik antara HTML dan CSS, menjadikan website dengan tampilan yang sangat memukau. Dengan struktur CSS yang cukup sederhana serta pengaplikasiannya yang cukup mudah. Namun memberikan hasil yang sempurna untuk sebuah website.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Perlu diketahui bahwa di dalam struktur CSS ini terdiri dari beberapa selector dan declaration block. Anda bisa memilih elemen yang Anda mau dan setelah itu Anda dapat mendeklarasi terhadap elemen tersebut.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Selector sendiri akan bekerja untuk mengarahkan elemen ke HTML yang akan di ubah tampilannya. Selain itu, declaration block juga bekerja dengan memisahkannya dengan tanda titik koma (;).<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"Jenis-CSS-&amp;-Cara-Penggunaannya\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Jenis_CSS_Cara_Penggunaannya\"><\/span>Jenis CSS &amp; Cara Penggunaannya<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Apabila Anda ingin belajar CSS, Anda perlu mempelajari penempatan CSS yang di gunakan dalam baris kode HTML. Macam CSS tersebut terbagi menjadi 3, simak sebagai berikut:<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Inline-Style-Sheet\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Inline_Style_Sheet\"><\/span>Inline Style Sheet<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">CSS jenis ini sudah biasa di terapkan secara langsung pada bagian object ketika Anda ingin mengubahnya. Misalnya seperti teks yang ingin Anda rubah warnanya. Di jenis ini, Anda memerlukan tambahan tag &lt;style&gt; yang tentu saja sangat mudah diterapkan.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"External-Style-Sheet\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"External_Style_Sheet\"><\/span>External Style Sheet<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Jenis selanjutnya adalah External Style Sheet yang berbeda dari Inline Style Sheet. Jika pada External Style Sheet ini penggunaanya lebih praktis karena peletakannya yang memang berada diluar area object.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Selain itu, jenis CSS ini bisa digunakan secara berulang dengan beberapa objek secara sekaligus bahkan dapat membuat website dengan lebih menghemat ruang.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"Embedded-Style-Sheet\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Embedded_Style_Sheet\"><\/span>Embedded Style Sheet<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Pada jenis CSS ini hampir sama dengan jenis pada Inline Style Sheet karena pada peletakannya di halaman website hampir sama dengan Inline Style Sheet tersebut.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Namun bedanya untuk embedded style sheet ini posisinya berada di antara tag &lt;head&gt; dan  &lt;\/head&gt; serta di awali dengan tag &lt;style&gt;.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"Penutup\" style=\"line-height: 3;\"><span class=\"ez-toc-section\" id=\"Penutup\"><\/span>Penutup<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Jadi, seperti itulah ulasan mengenai apa itu CSS dan lain sebagainya. Pada intinya, CSS merupakan salah satu bahasa pemrograman yang mudah untuk dipelajari bahkan pemula sekalipun.<\/p>\r\n\r\n\r\n\r\n<p style=\"line-height: 3;\">Dengan demikian, CSS menjadi salah satu solusi untuk membuat tampilan website Anda menjadi lebih keren. Ketika sudah menguasi CSS, Anda bisa membuka <a href=\"https:\/\/majapahit.id\/jasa-pembuatan-website-murah-profesional\/\" target=\"_blank\" rel=\"noreferrer noopener\">jasa pembuatan website profesional<\/a> dengan tampilan yang sesuai dengan user atau client Anda nantinya.<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Majapahit Teknologi &#8211; Apakah Anda sudah mengetahui mengenai apa itu  [&#8230;]<\/p>\n","protected":false},"author":7,"featured_media":100101,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1324],"tags":[1104],"class_list":["post-101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pengembangan-aplikasi","tag-apa-itu-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Apa Itu CSS : Pengertian, Fungsi dan Jenis CSS<\/title>\n<meta name=\"description\" content=\"Anda sedang belajar CSS? Ada baiknya Anda mempelajari terlebih dahulu mengenai apa itu CSS, Fungsi dan jenisnya. Simak sekarang juga !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apa Itu CSS : Pengertian, Fungsi dan Jenis CSS\" \/>\n<meta property=\"og:description\" content=\"Anda sedang belajar CSS? Ada baiknya Anda mempelajari terlebih dahulu mengenai apa itu CSS, Fungsi dan jenisnya. Simak sekarang juga !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog &amp; Berita - Majapahit Teknologi\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/majapahit.id\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-21T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-03T10:37:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/07\/jenis-css.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1\" \/>\n\t<meta property=\"og:image:height\" content=\"1\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Paradita Umbara\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Paradita Umbara\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/\"},\"author\":{\"name\":\"Paradita Umbara\",\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/#\\\/schema\\\/person\\\/23b57e756ad75e89690097bdf1872192\"},\"headline\":\"Apa Itu CSS : Pengertian, Fungsi dan Jenis CSS\",\"datePublished\":\"2021-07-21T00:00:00+00:00\",\"dateModified\":\"2025-09-03T10:37:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/\"},\"wordCount\":967,\"publisher\":{\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/jenis-css.jpg\",\"keywords\":[\"apa itu css\"],\"articleSection\":[\"Pengembangan Aplikasi\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/\",\"url\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/\",\"name\":\"Apa Itu CSS : Pengertian, Fungsi dan Jenis CSS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/jenis-css.jpg\",\"datePublished\":\"2021-07-21T00:00:00+00:00\",\"dateModified\":\"2025-09-03T10:37:44+00:00\",\"description\":\"Anda sedang belajar CSS? Ada baiknya Anda mempelajari terlebih dahulu mengenai apa itu CSS, Fungsi dan jenisnya. Simak sekarang juga !\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/jenis-css.jpg\",\"contentUrl\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/jenis-css.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/2021\\\/07\\\/21\\\/apa-itu-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pengembangan Aplikasi\",\"item\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/category\\\/pengembangan-aplikasi\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Apa Itu CSS : Pengertian, Fungsi dan Jenis CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/\",\"name\":\"Berita & Blog Perkembangan Teknologi Terkini\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/#organization\"},\"alternateName\":\"Majapahit Teknologi\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/#organization\",\"name\":\"Majapahit Teknologi\",\"alternateName\":\"PT Majapahit Teknologi Nusantara\",\"url\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/only-logo.png\",\"contentUrl\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/only-logo.png\",\"width\":1500,\"height\":1500,\"caption\":\"Majapahit Teknologi\"},\"image\":{\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/majapahit.id\",\"https:\\\/\\\/instagram.com\\\/majapahit.id\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/#\\\/schema\\\/person\\\/23b57e756ad75e89690097bdf1872192\",\"name\":\"Paradita Umbara\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b587321a687e2f98a58b867b630f6b76f25f064a08ca60d1fe9e83eb302f2d04?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b587321a687e2f98a58b867b630f6b76f25f064a08ca60d1fe9e83eb302f2d04?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b587321a687e2f98a58b867b630f6b76f25f064a08ca60d1fe9e83eb302f2d04?s=96&d=mm&r=g\",\"caption\":\"Paradita Umbara\"},\"url\":\"https:\\\/\\\/majapahit.id\\\/blog\\\/author\\\/umbara\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apa Itu CSS : Pengertian, Fungsi dan Jenis CSS","description":"Anda sedang belajar CSS? Ada baiknya Anda mempelajari terlebih dahulu mengenai apa itu CSS, Fungsi dan jenisnya. Simak sekarang juga !","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/","og_locale":"en_US","og_type":"article","og_title":"Apa Itu CSS : Pengertian, Fungsi dan Jenis CSS","og_description":"Anda sedang belajar CSS? Ada baiknya Anda mempelajari terlebih dahulu mengenai apa itu CSS, Fungsi dan jenisnya. Simak sekarang juga !","og_url":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/","og_site_name":"Blog &amp; Berita - Majapahit Teknologi","article_publisher":"https:\/\/facebook.com\/majapahit.id","article_published_time":"2021-07-21T00:00:00+00:00","article_modified_time":"2025-09-03T10:37:44+00:00","og_image":[{"url":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/07\/jenis-css.jpg","width":1,"height":1,"type":"image\/jpeg"}],"author":"Paradita Umbara","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Paradita Umbara","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#article","isPartOf":{"@id":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/"},"author":{"name":"Paradita Umbara","@id":"https:\/\/majapahit.id\/blog\/#\/schema\/person\/23b57e756ad75e89690097bdf1872192"},"headline":"Apa Itu CSS : Pengertian, Fungsi dan Jenis CSS","datePublished":"2021-07-21T00:00:00+00:00","dateModified":"2025-09-03T10:37:44+00:00","mainEntityOfPage":{"@id":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/"},"wordCount":967,"publisher":{"@id":"https:\/\/majapahit.id\/blog\/#organization"},"image":{"@id":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#primaryimage"},"thumbnailUrl":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/07\/jenis-css.jpg","keywords":["apa itu css"],"articleSection":["Pengembangan Aplikasi"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/","url":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/","name":"Apa Itu CSS : Pengertian, Fungsi dan Jenis CSS","isPartOf":{"@id":"https:\/\/majapahit.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#primaryimage"},"image":{"@id":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#primaryimage"},"thumbnailUrl":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/07\/jenis-css.jpg","datePublished":"2021-07-21T00:00:00+00:00","dateModified":"2025-09-03T10:37:44+00:00","description":"Anda sedang belajar CSS? Ada baiknya Anda mempelajari terlebih dahulu mengenai apa itu CSS, Fungsi dan jenisnya. Simak sekarang juga !","breadcrumb":{"@id":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#primaryimage","url":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/07\/jenis-css.jpg","contentUrl":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2021\/07\/jenis-css.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/majapahit.id\/blog\/2021\/07\/21\/apa-itu-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/majapahit.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Pengembangan Aplikasi","item":"https:\/\/majapahit.id\/blog\/category\/pengembangan-aplikasi\/"},{"@type":"ListItem","position":3,"name":"Apa Itu CSS : Pengertian, Fungsi dan Jenis CSS"}]},{"@type":"WebSite","@id":"https:\/\/majapahit.id\/blog\/#website","url":"https:\/\/majapahit.id\/blog\/","name":"Berita & Blog Perkembangan Teknologi Terkini","description":"","publisher":{"@id":"https:\/\/majapahit.id\/blog\/#organization"},"alternateName":"Majapahit Teknologi","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/majapahit.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/majapahit.id\/blog\/#organization","name":"Majapahit Teknologi","alternateName":"PT Majapahit Teknologi Nusantara","url":"https:\/\/majapahit.id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/majapahit.id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2025\/05\/only-logo.png","contentUrl":"https:\/\/majapahit.id\/blog\/wp-content\/uploads\/2025\/05\/only-logo.png","width":1500,"height":1500,"caption":"Majapahit Teknologi"},"image":{"@id":"https:\/\/majapahit.id\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/majapahit.id","https:\/\/instagram.com\/majapahit.id"]},{"@type":"Person","@id":"https:\/\/majapahit.id\/blog\/#\/schema\/person\/23b57e756ad75e89690097bdf1872192","name":"Paradita Umbara","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b587321a687e2f98a58b867b630f6b76f25f064a08ca60d1fe9e83eb302f2d04?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b587321a687e2f98a58b867b630f6b76f25f064a08ca60d1fe9e83eb302f2d04?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b587321a687e2f98a58b867b630f6b76f25f064a08ca60d1fe9e83eb302f2d04?s=96&d=mm&r=g","caption":"Paradita Umbara"},"url":"https:\/\/majapahit.id\/blog\/author\/umbara\/"}]}},"_links":{"self":[{"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/posts\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":1,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"predecessor-version":[{"id":100476,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/posts\/101\/revisions\/100476"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/media\/100101"}],"wp:attachment":[{"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/majapahit.id\/blog\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}