{"id":1266,"date":"2021-09-07T14:32:31","date_gmt":"2021-09-07T07:32:31","guid":{"rendered":"https:\/\/bikin.website\/blog\/?p=1266"},"modified":"2021-09-07T16:15:29","modified_gmt":"2021-09-07T09:15:29","slug":"css-adalah","status":"publish","type":"post","link":"https:\/\/bikin.website\/blog\/css-adalah\/","title":{"rendered":"Pengertian CSS, Fungsi, Peran dan Macamnya"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Mungkin Anda termasuk orang yang sedang berencana untuk belajar CSS dan belum tahu pengertian CSS?\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nah disini nanti kita akan membahas mengenai CSS dari awal sampai akhir sehingga diharapkan Anda membaca artikel ini sampai selesai.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Di dalam artikel ini nantinya akan membahas secara basic mengenai pengertian CSS, fungsi dari CSS, peran dari CSS dan juga Macam-macam dari CSS.\u00a0<\/span><\/p>\n<h2><b>Pengertian CSS<\/b><\/h2>\n<figure id=\"attachment_1267\" aria-describedby=\"caption-attachment-1267\" style=\"width: 611px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-1267\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/css-adalah-300x168.png\" alt=\"pengertian css\" width=\"611\" height=\"342\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/css-adalah-300x168.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/css-adalah.png 726w\" sizes=\"(max-width: 611px) 100vw, 611px\" \/><figcaption id=\"caption-attachment-1267\" class=\"wp-caption-text\">pengertian css<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">CSS adalah Cascading Style Sheet yang merupakan kumpulan dari perintah dimana digunakan untuk dapat menjelaskan tampilan dari sebuah laman website dalam mark up language.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Contoh dari bahasa mark up language yang populer ialah HTML atau <a href=\"https:\/\/bikin.website\/blog\/apa-itu-html\/\" target=\"_blank\" rel=\"noopener\">Hypertext Mark Up Language<\/a>.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hypertext Mark Up Language ini atau HTML tergolong dalam bahasa pemrograman yang standar dan juga biasa digunakan untuk membuat halaman website.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hypertext Mark Up Language atau HTML ini sering mendapat istilah yaitu balik layar karena berada di tampilan halaman website yang sedang di akses.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tatanan dari sebuah situs website akan menjadi berantakan bila tidak ada bahasa pemrograman seperti HTML ini.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dalam belajar CSS juga akan lebih gampang bila paham mengenai HTML.\u00a0<\/span><\/p>\n<h2><b>Hubungan Antara CSS dan HTML\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Hubungan antara CSS dengan HTML ini sangatlah erat.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSS adalah kode yang digunakan dalam mendesain laman dari HTML.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bila HTML ini diibaratkan seorang manusia, maka untuk pengertian CSS ialah sebuah pakaian yang dapat membuat penampilan akan semakin menjadi lebih menarik.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSS sendiri dapat membantu bagi para web designer dalam mengubah tampilan teks baik dari segi bentuknya, warnanya dan juga ukuran font nya.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu juga dapat menambahkan sebuah gambar sampai dapat mengubah latar belakang di sebuah halaman HTML.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Keberadaan CSS sendiri dapat terlihat dari adanya atribut warna pada teks.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSS dapat memberikan perintah yang berupa seperti teks berwarna merah melewati sebuah tag <\/span><b>&lt;span&gt; <\/b><span style=\"font-weight: 400;\">dengan atribut class=\u201dwarna\u201d.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan begitu di setiap tag &lt;<\/span><b>span<\/b><span style=\"font-weight: 400;\">&gt; ini muncul maka teks nya pun juga akan mengikuti menjadi warna biru.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Demikian juga ketika Anda menginginkan mengganti warna lain, maka tinggal mengganti CSS yang ada pada tag &lt;<\/span><b>style<\/b><span style=\"font-weight: 400;\">&gt; dari awalnya \u201cred\u201d ke warna lainnya.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Setelah selesai mengganti maka teks otomatis akan berubah warna yang tadinya berwarna merah akan menjadi warna yang diinginkan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Setelah memahami hubungan di antara CSS dan HTML ini, selanjutnya kita akan membahas fungsi dari CSS.\u00a0<\/span><\/p>\n<blockquote><p><strong>Baca Juga: <a class=\"row-title\" href=\"https:\/\/bikin.website\/blog\/web-developer-adalah\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u201cApa Itu Web Developer? Ini Tugas dan Cara Kerjanya\u201d (Edit)\">Apa Itu Web Developer? Ini Tugas dan Cara Kerjanya<\/a><\/strong><\/p><\/blockquote>\n<h2><b>Fungsi CSS\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Untuk fungsi dari css ini sebenarnya sudah dapat diketahui dari penjelasan mengenai apa itu CSS.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Untuk lebih jelasnya CSS ini memiliki fungsi untuk membentuk, mendesain dan juga mengubah tampilan pada halaman website.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSS ini dapat berlaku dan dapat bekerja dengan menggunakan tag HTML.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan adanya CSS dan tag HTML yang sederhana ini sudah dapat mengubah tampilan pada halaman website menjadi terlihat lebih efisien dan juga menarik.\u00a0<\/span><\/p>\n<h2><b>Cara Kerja CSS\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">CSS akan beroperasi melewati tag &lt;<\/span><b>style<\/b><span style=\"font-weight: 400;\">&gt; dengan atribut class warna.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Adanya CSS dalam HTML ini dapat membuat pengaturan warna teks menjadi lebih mudah.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ketika ingin mengganti warna pada teks maka cukup dengan mengetikkan tag &lt;<\/span><b>span<\/b><span style=\"font-weight: 400;\">&gt; tanpa perlu mengetik ulang perintah.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan begitu dapat menghemat waktu karena dapat melakukan suatu perintah-perintah yang efisien.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hal ini dapat terjadi karena CSS dikembangkan memang untuk mengubah tampilan halaman website tanpa perlu mengganti isi konten.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bila diumpamakan kembali seperti manusia dengan pakaian, maka dengan menggunakan CSS ini Anda tidak perlu untuk mengubah bentuk manusia namun hanya mengganti pakaiannya.\u00a0<\/span><\/p>\n<h2><b>Peran CSS\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Untuk peran dari CSS pada website ini sangatlah penting.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Karena tanpa adanya sebuah CSS ini makan tampilan website akan sangat membosankan dan bahkan juga akan membutuhkan waktu yang cukup lama untuk loading.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bayangkan bila hanya bergantung dengan HTML saja dalam membuat situs website.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bukan hanya situs website saja yang akan hambar namun juga akan membutuhkan waktu yang lebih lama lagi karena perlu berulang kali untuk mengetikkan perintah.\u00a0<\/span><\/p>\n<h2><b>Keuntungan Belajar CSS\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Dengan mencoba belajar CSS ini Anda dapat menjadi lebih mudah dalam mengendalikan website.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Karena Anda tidak perlu lagi harus mengotak-atik HTML lagi ketika harus memprogram ulang tampilan halaman website.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bahkan di CSS tingkat lanjut, Anda dapat mengatur website melalui medium lain contohnya suara.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Keuntungan lain dari mencoba belajar CSS adalah tingkat compatibility nya yang tinggi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSS sendiri lebih kompatibel bagi browser pencarian dan juga sangat user friendly.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bila nantinya Anda menguasai CSS ini maka akan dapat mendapatkan pemasukan tambahan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Contohnya Anda dapat menjadi seorang freelance web design atau bisa juga menjual jasa ke pihak yang membutuhkan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu juga CSS dapat melatih Anda dalam membuat situs website yang beragam.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sehingga Anda dapat membuat variasi website tanpa harus menghabiskan waktu untuk belajar lagi.\u00a0<\/span><\/p>\n<blockquote><p><strong>Baca Juga: <a class=\"row-title\" href=\"https:\/\/bikin.website\/blog\/aplikasi-pembuat-website\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"\u201c13 Rekomendasi Aplikasi Pembuat Website Tanpa Coding\u201d (Edit)\">13 Rekomendasi Aplikasi Pembuat Website Tanpa Coding<\/a><\/strong><\/p><\/blockquote>\n<h2><b>Macam-macam CSS\u00a0<\/b><\/h2>\n<figure id=\"attachment_1269\" aria-describedby=\"caption-attachment-1269\" style=\"width: 566px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\" wp-image-1269\" src=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/macam-macam-css-300x188.png\" alt=\"css adalah\" width=\"566\" height=\"355\" srcset=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/macam-macam-css-300x188.png 300w, https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/macam-macam-css.png 649w\" sizes=\"(max-width: 566px) 100vw, 566px\" \/><figcaption id=\"caption-attachment-1269\" class=\"wp-caption-text\">macam-macam css<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Ketika belajar CSS maka sebaiknya perlu juga untuk mengetahui macam-macam dari CSS itu sendiri.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hal ini dimaksudkan supaya Anda ketika mencoba mempraktikkan yang sudah dipelajari tidak mengalami kekeliruan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ada tiga macam-macam dari CSS yang sering digunakan oleh para web designer.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Berikut tiga macam dari CSS:<\/span><\/p>\n<p><strong>1. Inline style sheet\u00a0<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Macam yang pertama dari pengertian CSS adalah inline style sheet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSS model ini ialah CSS yang menggunakan perintah pemrograman dimana letaknya ada pada di objek.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Contohnya bila Anda ingin mengubah tulisan di laman website Anda, maka inline style sheet perlu menempel di elemen tulisan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Caranya cukup dengan menambahkan tag &lt;<\/span><b>style<\/b><span style=\"font-weight: 400;\">&gt; untuk dapat menerapkan CSS ini.\u00a0<\/span><\/p>\n<p><strong>2. External style sheet\u00a0<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Selain ada inline style sheet ada juga external style sheet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSS satu ini letaknya akan berbeda dengan halaman yang akan diubah.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cara ini menjadi lebih praktis dibandingkan dengan inline style sheet karena dapat menghemat ruang serta dapat digunakan berulang kali pada halaman website yang berbeda.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dalam mengenali CSS jenis ini dapat melalui tag &lt;<\/span><b>link rel<\/b><span style=\"font-weight: 400;\">&gt;.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tag ini dapat menghubungkan halaman coding yang ada pada external style sheet CSS yang sudah terpisah.\u00a0<\/span><\/p>\n<p><strong>3. Embedded style sheet\u00a0<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Macam dari CSS yang terakhir ada embedded style sheet.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSS dari model ini akan sama seperti inline style sheet yang sama-sama ada di satu halaman coding.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan begitu tidak heran bila jenis CSS ini sering disebut juga dengan internal style sheet.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSS jenis ini diapit oleh tag &lt;<\/span><b>head<\/b><span style=\"font-weight: 400;\">&gt; &lt;<\/span><b>\/head<\/b><span style=\"font-weight: 400;\">&gt; dan diawali dengan tag &lt;<\/span><b>style<\/b><span style=\"font-weight: 400;\">&gt;.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">CSS ini sering digunakan dalam mengatur halaman website untuk menampilkan tampilan yang unik.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Contohnya bila dalam satu paragraf ada sebuah kalimat yang berbeda dan hal itu terulang terus.\u00a0<\/span><\/p>\n<h3><b>Penutup\u00a0<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">CSS ini sangat memiliki andil yang sangat besar di dalam pembuatan suatu website.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tanpa adanya CSS ini maka tampilan pada halaman website akan sangat terlihat membosankan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sedangkan untuk sisi dari web designer sendiri akan sangat terlihat membosankan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Setelah mengetahui pengertian dari CSS adalah, peran, fungsi dan macam-macamnya semoga dapat membantu Anda dalam mempelajari CSS ini.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bila Anda membutuhkan <a href=\"https:\/\/bikin.website\/\" target=\"_blank\" rel=\"noopener\">jasa layanan pembuatan website<\/a> maka dapat menggunakan Bikin.Website karena sudah terpercaya dan juga aman.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Jika ada pertanyaan silahkan tinggalkan komentar di bawah ini.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Terima kasih. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mungkin Anda termasuk orang yang sedang berencana untuk belajar CSS dan belum tahu pengertian CSS?\u00a0 Nah disini nanti kita akan membahas mengenai CSS dari awal sampai akhir sehingga diharapkan Anda membaca artikel ini sampai selesai. Di dalam artikel ini nantinya akan membahas secara basic mengenai pengertian CSS, fungsi dari CSS, peran dari CSS dan juga [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":1271,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[3,409],"tags":[851],"class_list":["post-1266","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips","category-dev-website","tag-apa-itu-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pengertian CSS, Fungsi, Peran dan Macamnya - Bikin.Website<\/title>\n<meta name=\"description\" content=\"Setelah membaca pengertian css adalah, peran, fungsi dan macamnya semoga dapat membantu Anda dalam menjadi web design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bikin.website\/blog\/css-adalah\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pengertian CSS, Fungsi, Peran dan Macamnya - Bikin.Website\" \/>\n<meta property=\"og:description\" content=\"Setelah membaca pengertian css adalah, peran, fungsi dan macamnya semoga dapat membantu Anda dalam menjadi web design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/blog\/css-adalah\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.Website\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-07T07:32:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-07T09:15:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/BW-blog-CSS-Adalah-Fungsi-Peran-dan-Macamnya.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"743\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"mega\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"mega\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/\"},\"author\":{\"name\":\"mega\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/96252fbfa62ac66731deb70ee96b6e18\"},\"headline\":\"Pengertian CSS, Fungsi, Peran dan Macamnya\",\"datePublished\":\"2021-09-07T07:32:31+00:00\",\"dateModified\":\"2021-09-07T09:15:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/\"},\"wordCount\":1127,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/BW-blog-CSS-Adalah-Fungsi-Peran-dan-Macamnya.jpg\",\"keywords\":[\"apa itu css\"],\"articleSection\":[\"Tips\",\"Web Dev\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/\",\"name\":\"Pengertian CSS, Fungsi, Peran dan Macamnya - Bikin.Website\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/BW-blog-CSS-Adalah-Fungsi-Peran-dan-Macamnya.jpg\",\"datePublished\":\"2021-09-07T07:32:31+00:00\",\"dateModified\":\"2021-09-07T09:15:29+00:00\",\"description\":\"Setelah membaca pengertian css adalah, peran, fungsi dan macamnya semoga dapat membantu Anda dalam menjadi web design.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/BW-blog-CSS-Adalah-Fungsi-Peran-dan-Macamnya.jpg\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/BW-blog-CSS-Adalah-Fungsi-Peran-dan-Macamnya.jpg\",\"width\":1000,\"height\":743,\"caption\":\"css adalah\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/css-adalah\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pengertian CSS, Fungsi, Peran dan Macamnya\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"name\":\"Bikin.Website\",\"description\":\"Tips Bikin Website dan Bisnis Online\",\"publisher\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bikin.website\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#organization\",\"name\":\"Bikin.Website\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"contentUrl\":\"https:\\\/\\\/bikin.website\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/logo-blue.png\",\"width\":3342,\"height\":409,\"caption\":\"Bikin.Website\"},\"image\":{\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/bikin.website\\\/blog\\\/#\\\/schema\\\/person\\\/96252fbfa62ac66731deb70ee96b6e18\",\"name\":\"mega\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g\",\"caption\":\"mega\"},\"description\":\"Seorang Content Writer yang menyukai musik, menonton film, traveling dan tentu saja menulis.\",\"url\":\"https:\\\/\\\/bikin.website\\\/blog\\\/author\\\/mega\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pengertian CSS, Fungsi, Peran dan Macamnya - Bikin.Website","description":"Setelah membaca pengertian css adalah, peran, fungsi dan macamnya semoga dapat membantu Anda dalam menjadi web design.","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:\/\/bikin.website\/blog\/css-adalah\/","og_locale":"en_US","og_type":"article","og_title":"Pengertian CSS, Fungsi, Peran dan Macamnya - Bikin.Website","og_description":"Setelah membaca pengertian css adalah, peran, fungsi dan macamnya semoga dapat membantu Anda dalam menjadi web design.","og_url":"https:\/\/bikin.website\/blog\/css-adalah\/","og_site_name":"Bikin.Website","article_published_time":"2021-09-07T07:32:31+00:00","article_modified_time":"2021-09-07T09:15:29+00:00","og_image":[{"width":1000,"height":743,"url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/BW-blog-CSS-Adalah-Fungsi-Peran-dan-Macamnya.jpg","type":"image\/jpeg"}],"author":"mega","twitter_card":"summary_large_image","twitter_misc":{"Written by":"mega","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/blog\/css-adalah\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/css-adalah\/"},"author":{"name":"mega","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/96252fbfa62ac66731deb70ee96b6e18"},"headline":"Pengertian CSS, Fungsi, Peran dan Macamnya","datePublished":"2021-09-07T07:32:31+00:00","dateModified":"2021-09-07T09:15:29+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/blog\/css-adalah\/"},"wordCount":1127,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"image":{"@id":"https:\/\/bikin.website\/blog\/css-adalah\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/BW-blog-CSS-Adalah-Fungsi-Peran-dan-Macamnya.jpg","keywords":["apa itu css"],"articleSection":["Tips","Web Dev"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/blog\/css-adalah\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/blog\/css-adalah\/","url":"https:\/\/bikin.website\/blog\/css-adalah\/","name":"Pengertian CSS, Fungsi, Peran dan Macamnya - Bikin.Website","isPartOf":{"@id":"https:\/\/bikin.website\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bikin.website\/blog\/css-adalah\/#primaryimage"},"image":{"@id":"https:\/\/bikin.website\/blog\/css-adalah\/#primaryimage"},"thumbnailUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/BW-blog-CSS-Adalah-Fungsi-Peran-dan-Macamnya.jpg","datePublished":"2021-09-07T07:32:31+00:00","dateModified":"2021-09-07T09:15:29+00:00","description":"Setelah membaca pengertian css adalah, peran, fungsi dan macamnya semoga dapat membantu Anda dalam menjadi web design.","breadcrumb":{"@id":"https:\/\/bikin.website\/blog\/css-adalah\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/blog\/css-adalah\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/css-adalah\/#primaryimage","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/BW-blog-CSS-Adalah-Fungsi-Peran-dan-Macamnya.jpg","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2021\/09\/BW-blog-CSS-Adalah-Fungsi-Peran-dan-Macamnya.jpg","width":1000,"height":743,"caption":"css adalah"},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/blog\/css-adalah\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/blog\/"},{"@type":"ListItem","position":2,"name":"Pengertian CSS, Fungsi, Peran dan Macamnya"}]},{"@type":"WebSite","@id":"https:\/\/bikin.website\/blog\/#website","url":"https:\/\/bikin.website\/blog\/","name":"Bikin.Website","description":"Tips Bikin Website dan Bisnis Online","publisher":{"@id":"https:\/\/bikin.website\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bikin.website\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bikin.website\/blog\/#organization","name":"Bikin.Website","url":"https:\/\/bikin.website\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","contentUrl":"https:\/\/bikin.website\/blog\/wp-content\/uploads\/2019\/10\/logo-blue.png","width":3342,"height":409,"caption":"Bikin.Website"},"image":{"@id":"https:\/\/bikin.website\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bikin.website\/blog\/#\/schema\/person\/96252fbfa62ac66731deb70ee96b6e18","name":"mega","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4588150c2c926782fe4447e3ff17b5be1f58cd5093353bd2b94abbe24eef5c69?s=96&d=mm&r=g","caption":"mega"},"description":"Seorang Content Writer yang menyukai musik, menonton film, traveling dan tentu saja menulis.","url":"https:\/\/bikin.website\/blog\/author\/mega\/"}]}},"_links":{"self":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/1266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/comments?post=1266"}],"version-history":[{"count":7,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/1266\/revisions"}],"predecessor-version":[{"id":1276,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/posts\/1266\/revisions\/1276"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media\/1271"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/media?parent=1266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/categories?post=1266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/blog\/wp-json\/wp\/v2\/tags?post=1266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}