{"id":4629,"date":"2021-03-16T04:26:19","date_gmt":"2021-03-16T04:26:19","guid":{"rendered":"https:\/\/www.hostnic.id\/blog\/?p=4629"},"modified":"2021-03-16T04:26:19","modified_gmt":"2021-03-16T04:26:19","slug":"macam-macam-css-dan-kelebihannya","status":"publish","type":"post","link":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/","title":{"rendered":"Macam Macam CSS dan Kelebihannya"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Sebelumnya kita sudah membahas tentang <a href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/\"><em>Apa itu CSS pengertian dan fungsiny<\/em>a<\/a>. Kali ini kita masih akan membahas mengenai CSS yaitu tentang macam macam CSS serta kelebihan menggunakannya.<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Daftar Isi<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a045b24acfa4\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" 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: #999;color:#999\" 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><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a045b24acfa4\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#Macam_Macam_CSS_Berdasarkan_Dari_Cara_Penggunaannya\" >Macam Macam CSS Berdasarkan Dari Cara Penggunaannya<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#Inline_Style_Sheet\" >Inline Style Sheet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#External_Style_Sheet\" >External Style Sheet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#Embedded_Style_Sheet\" >Embedded Style Sheet<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#Kelebihan_CSS\" >Kelebihan CSS<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Macam_Macam_CSS_Berdasarkan_Dari_Cara_Penggunaannya\"><\/span><b>Macam Macam CSS Berdasarkan Dari Cara Penggunaannya<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"Inline_Style_Sheet\"><\/span><strong>Inline Style Sheet<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400\">Jenis CSS pertama yang kita bahas adalah Inline Style Sheet dimana penggunaannya langsung pada object yang ingin diubah. Contohnya, sebuah teks biasa yang ingin diubah warna. Penggunaannya hanya membutuhkan penambahan tag &lt;style&gt; sehingga sangat mudah.<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"External_Style_Sheet\"><\/span><b>External Style Sheet<\/b><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400\">Jenis CSS seperti External Style Sheet berbeda dengan yang sebelumnya dimana penggunaanya dianggap lebih praktis dikarenakan peletakannya yang berada diluar area object. Menggunakan jenis ini juga bisa lebih menghemat ruang karena bisa digunakan secara berulang pada beberapa objek sekaligus hingga antar website.\u00a0<\/span><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Embedded_Style_Sheet\"><\/span><b>Embedded Style Sheet<\/b><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400\">Jenis CSS terakhir yang akan dibahas adalah Embedded Style Sheet yang sama dengan\u00a0 Inline Style Sheet dimana peletakannya berada di halaman yang sama pada laman website. Hanya, bedanya adalah posisinya yang berada di antara\u00a0 tag &lt;head&gt; dan &lt;\/head&gt; serta diawali dengan tag &lt;style&gt;. Pada umumnya Embedded Style Sheet dimanfaatkan dengan tujuan untuk membuat tampilan yang unik di suatu halaman website.\u00a0<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Kelebihan_CSS\"><\/span><b>Kelebihan CSS<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400\">Kelebihan CSS adalah dapat mengatur semua tampilan pada aspek file yang berbeda. Kemudian Anda dapat menentukan file dan mengintegrasikannya di atas markup HTML.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Struktur CSS cukup sederhana, sehingga pengaplikasiannya pun cukup mudah. Pada pengaplikasiannya,CSS dapat membantu kinerja HTML dengan memberikan sedikit sentuhan modifikasi. Kerjasama antar keduanya bisa semakin memaksimalkan tampilan website menjadi lebih menarik sesuai dengan keinginan Anda.\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sebelumnya kita sudah membahas tentang Apa itu CSS pengertian dan fungsinya. Kali ini kita masih akan membahas mengenai CSS yaitu tentang macam macam CSS serta kelebihan menggunakannya. Macam Macam CSS Berdasarkan Dari Cara Penggunaannya Inline Style Sheet Jenis CSS pertama yang kita bahas adalah Inline Style Sheet dimana penggunaannya langsung pada object yang ingin diubah. [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":4630,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[82],"tags":[561,560,558,559],"class_list":["post-4629","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","tag-fungsi-css-adalah","tag-macam-macam-versi-css","tag-pengertian-css-dan-contohnya","tag-selector-css-dan-fungsinya"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Macam Macam CSS dan Kelebihannya - Hostnic.id<\/title>\n<meta name=\"description\" content=\"macam macam CSS - Sebelumnya kita sudah membahas tentang CSS pengertian serta fungsinya. Kali ini kita masih akan membahas mengenai CSS\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Macam Macam CSS dan Kelebihannya - Hostnic.id\" \/>\n<meta property=\"og:description\" content=\"macam macam CSS - Sebelumnya kita sudah membahas tentang CSS pengertian serta fungsinya. Kali ini kita masih akan membahas mengenai CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostnic.id\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-16T04:26:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1503099.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2480\" \/>\n\t<meta property=\"og:image:height\" content=\"2480\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Monic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Monic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/\"},\"author\":{\"name\":\"Monic\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"headline\":\"Macam Macam CSS dan Kelebihannya\",\"datePublished\":\"2021-03-16T04:26:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/\"},\"wordCount\":254,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1503099.jpg?fit=2480%2C2480&ssl=1\",\"keywords\":[\"fungsi css adalah\",\"macam macam versi css\",\"pengertian css dan contohnya\",\"selector css dan fungsinya\"],\"articleSection\":[\"Website\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/\",\"name\":\"Macam Macam CSS dan Kelebihannya - Hostnic.id\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1503099.jpg?fit=2480%2C2480&ssl=1\",\"datePublished\":\"2021-03-16T04:26:19+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"description\":\"macam macam CSS - Sebelumnya kita sudah membahas tentang CSS pengertian serta fungsinya. Kali ini kita masih akan membahas mengenai CSS\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1503099.jpg?fit=2480%2C2480&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1503099.jpg?fit=2480%2C2480&ssl=1\",\"width\":2480,\"height\":2480,\"caption\":\"macam macam css\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/macam-macam-css-dan-kelebihannya\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Macam Macam CSS dan Kelebihannya\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\",\"name\":\"hostnic.id\",\"description\":\"Info, Tips dan Tutorial Seputar Layanan Hostnic\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\",\"name\":\"Monic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"caption\":\"Monic\"},\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/author\\\/blog-writer\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Macam Macam CSS dan Kelebihannya - Hostnic.id","description":"macam macam CSS - Sebelumnya kita sudah membahas tentang CSS pengertian serta fungsinya. Kali ini kita masih akan membahas mengenai CSS","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:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/","og_locale":"id_ID","og_type":"article","og_title":"Macam Macam CSS dan Kelebihannya - Hostnic.id","og_description":"macam macam CSS - Sebelumnya kita sudah membahas tentang CSS pengertian serta fungsinya. Kali ini kita masih akan membahas mengenai CSS","og_url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/","og_site_name":"Hostnic.id","article_published_time":"2021-03-16T04:26:19+00:00","og_image":[{"width":2480,"height":2480,"url":"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1503099.jpg","type":"image\/jpeg"}],"author":"Monic","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Monic","Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#article","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/"},"author":{"name":"Monic","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"headline":"Macam Macam CSS dan Kelebihannya","datePublished":"2021-03-16T04:26:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/"},"wordCount":254,"commentCount":0,"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1503099.jpg?fit=2480%2C2480&ssl=1","keywords":["fungsi css adalah","macam macam versi css","pengertian css dan contohnya","selector css dan fungsinya"],"articleSection":["Website"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/","url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/","name":"Macam Macam CSS dan Kelebihannya - Hostnic.id","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#primaryimage"},"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1503099.jpg?fit=2480%2C2480&ssl=1","datePublished":"2021-03-16T04:26:19+00:00","author":{"@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"description":"macam macam CSS - Sebelumnya kita sudah membahas tentang CSS pengertian serta fungsinya. Kali ini kita masih akan membahas mengenai CSS","breadcrumb":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#primaryimage","url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1503099.jpg?fit=2480%2C2480&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1503099.jpg?fit=2480%2C2480&ssl=1","width":2480,"height":2480,"caption":"macam macam css"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostnic.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Macam Macam CSS dan Kelebihannya"}]},{"@type":"WebSite","@id":"https:\/\/www.hostnic.id\/blog\/#website","url":"https:\/\/www.hostnic.id\/blog\/","name":"hostnic.id","description":"Info, Tips dan Tutorial Seputar Layanan Hostnic","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostnic.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2","name":"Monic","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","caption":"Monic"},"url":"https:\/\/www.hostnic.id\/blog\/author\/blog-writer\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1503099.jpg?fit=2480%2C2480&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8D2mv-1cF","jetpack-related-posts":[{"id":4626,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/","url_meta":{"origin":4629,"position":0},"title":"Apa Itu CSS? Pengertian dan Fungsinya","author":"Monic","date":"2021-03-16","format":false,"excerpt":"Apa Itu CSS? Setelah pada artikel sebelumnya kita berkenalan dengan HTML, dari mulai pengertian, fungsi serta kelebihan dan kekurangannya. Kali ini kita akan membahas tentang apa itu CSS? Mulai dari pengertian serta fungsinya yang perlu untuk diketahui. CSS masih ada kaitannya dengan HTML. Karena belajar CSS akan lebih mudah jika\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"Apa Itu CSS","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1600565.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1600565.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1600565.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1600565.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1600565.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":4996,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/pengertian-fungsi-dan-cara-kerja-css-cascading-style-sheets\/","url_meta":{"origin":4629,"position":1},"title":"Pengertian, Fungsi dan Cara Kerja CSS (Cascading Style Sheets)","author":"Monic","date":"2021-08-20","format":false,"excerpt":"Cara Kerja CSS - CSS adalah singkatan dari Cascading Style Sheets. Ini adalah bahasa pengkodean yang memberikan tampilan dan tata letak situs web. Seiring dengan HTML, CSS adalah dasar untuk desain web. Tanpa itu, situs web akan tetap berupa teks biasa dengan latar belakang putih. Sebelum pengembangan CSS pada tahun\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"cara kerja css","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/08\/css1.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/08\/css1.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/08\/css1.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/08\/css1.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/08\/css1.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":6399,"url":"https:\/\/www.hostnic.id\/blog\/teknologi\/rahasia-sukses-cara-mudah-menyembunyikan-widget-di-blogger\/","url_meta":{"origin":4629,"position":2},"title":"Rahasia Sukses: Cara Mudah Menyembunyikan Widget Di Blogger","author":"Monic","date":"2023-08-12","format":false,"excerpt":"Hostnic.id\u00a0\u2013\u00a0Halo pembaca setia di Indonesia, bagaimana kabar kalian hari ini? Kali ini, kita akan membahas Rahasia Sukses: Cara Mudah Menyembunyikan Widget di Blogger. Tentu saja, sebagai blogger, kita ingin tampilan blog kita terlihat menarik dan profesional. Salah satu cara untuk mencapai itu adalah dengan menyembunyikan widget yang tidak diperlukan. Widget\u2026","rel":"","context":"dalam &quot;Berita&quot;","block_context":{"text":"Berita","link":"https:\/\/www.hostnic.id\/blog\/.\/berita\/"},"img":{"alt_text":"Rahasia Sukses: Cara Mudah Menyembunyikan Widget Di Blogger","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/08\/WB.png?fit=1049%2C586&ssl=1%3Fv%3D1691823113&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/08\/WB.png?fit=1049%2C586&ssl=1%3Fv%3D1691823113&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/08\/WB.png?fit=1049%2C586&ssl=1%3Fv%3D1691823113&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/08\/WB.png?fit=1049%2C586&ssl=1%3Fv%3D1691823113&resize=700%2C400 2x"},"classes":[]},{"id":7593,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-membuat-website-dengan-html-css-dan-javascript-panduan-lengkap-untuk-pemula\/","url_meta":{"origin":4629,"position":3},"title":"Cara Membuat Website dengan HTML, CSS, dan JavaScript: Panduan Lengkap untuk Pemula","author":"Monic","date":"2023-09-23","format":false,"excerpt":"Sahabat Hostnic! Apa kabar sahabat semua? Semoga sehat selalu. Pada kesempatan ini, kita akan membahas cara membuat website dengan menggunakan HTML, CSS, dan JavaScript. Jika Anda adalah seorang pemula yang ingin mempelajari dasar-dasar pembuatan website, artikel ini akan memberikan panduan lengkap untuk memulai. Mari kita mulai pembahasan lengkapnya. Pengenalan HTML,\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"membuat website gratis wordpress","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/keyword-seo-content-website-tags.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/keyword-seo-content-website-tags.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/keyword-seo-content-website-tags.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/keyword-seo-content-website-tags.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":4677,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/","url_meta":{"origin":4629,"position":4},"title":"Rekomendasi CSS Framework Terbaik","author":"Monic","date":"2021-03-25","format":false,"excerpt":"Jika pada artikel sebelumnya, kita sudah berkenalan dengan Apa itu Framework serta Fungsinya untuk memudahkan programmer dalam pembuatan sebuah website dan aplikasi. Kali ini kami akan memberikan beberapa rekomendasi CSS Framework Terbaik yang bisa Anda gunakan.\u00a0 Berikut adalah rekomendasi CSS Framework :\u00a0 1. Bootstrap Bootstrap merupakan salah satu jenis CSS\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"CSS Framework","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":4962,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/istilah-istilah-dalam-dunia-website-yang-perlu-diketahui\/","url_meta":{"origin":4629,"position":5},"title":"Istilah Istilah dalam Dunia Website yang Perlu Diketahui","author":"Monic","date":"2021-08-20","format":false,"excerpt":"Istilah dalam Dunia Website - Terkadang istilah dalam dunia website masih banyak yang belum kita kenal, apalagi bagi yang baru mengetahui tentang website, baik itu untuk bisnis ataupun sekedar hobi. Nah, pada kesempatan kali ini kita akan membahas tentang istilah-istilah website yang perlu dipahami, yuk simak informasinya. Pengertian Website Website\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"istilah dalam dunia website","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/07\/1342993.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/07\/1342993.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/07\/1342993.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/07\/1342993.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/07\/1342993.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/comments?post=4629"}],"version-history":[{"count":1,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4629\/revisions"}],"predecessor-version":[{"id":4631,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4629\/revisions\/4631"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media\/4630"}],"wp:attachment":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media?parent=4629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/categories?post=4629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/tags?post=4629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}