{"id":4626,"date":"2021-03-16T04:09:20","date_gmt":"2021-03-16T04:09:20","guid":{"rendered":"https:\/\/www.hostnic.id\/blog\/?p=4626"},"modified":"2021-03-16T04:09:20","modified_gmt":"2021-03-16T04:09:20","slug":"apa-itu-css-pengertian-dan-fungsinya","status":"publish","type":"post","link":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/","title":{"rendered":"Apa Itu CSS? Pengertian dan Fungsinya"},"content":{"rendered":"<p><span style=\"font-weight: 400\"><strong>Apa Itu CSS?<\/strong> 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 sudah paham tentang HTML.<\/span><\/p>\n<h3><strong>Pengertian CSS<\/strong><\/h3>\n<p><span style=\"font-weight: 400\">Mari kita mulai dari pengertiannya terlebih dahulu. CSS adalah singkatan dari <\/span><i><span style=\"font-weight: 400\">Cascading Style Sheet<\/span><\/i><span style=\"font-weight: 400\"> yang merupakan sekumpulan perintah untuk menjelaskan tampilan sebuah situs website dalam bahasa mark-up. Salah satu bahasa mark-up yang populer adalah HTML. Bahasa Mark-up atau bahasa markah sendiri merupakan bahasa pemrograman yang biasa digunakan untuk membuat website.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Antara CSS dan HTML memiliki hubungan saling terkait dimana CSS merupakan kode-kode yang digunakan untuk mendesain sebuah halaman HTML.<\/span><\/p>\n<p><strong>Baca Juga :<\/strong> <em><a href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/pengertian-html-fungsi-dan-kelebihan-serta-kekurangannya\/\">Pengertian HTML, Fungsi dan Kelebihan Serta Kekurangannya<\/a><\/em><\/p>\n<h3><b>Fungsi CSS<\/b><\/h3>\n<p><span style=\"font-weight: 400\">CSS berfungsi untuk mendesain sebuah website. Bukan hanya mendesain saja namun CSS juga berfungsi untuk membentuk dan mengubah tampilan menjadi tampak lebih menarik. Sebenarnya menggunakan HTML pun Anda bisa membuat sebuah tampilan website hanya saja dengan menggunakan CSS, tag HTML yang sederhana dapat diubah sehingga tampilan pada laman website pun menjadi terlihat lebih menarik.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Terdapat beberapa keuntungan yang bisa didapatkan saat menggunakan CSS, seperti dibawah ini:<\/span><\/p>\n<ol>\n<li><span style=\"font-weight: 400\"> Mempercepat Proses Desain Website<\/span><\/li>\n<li><span style=\"font-weight: 400\"> Halaman Website Menjadi Lebih Cepat Dimuat<\/span><\/li>\n<li><span style=\"font-weight: 400\"> Style yang Lebih Beragam Dibanding HTML<\/span><\/li>\n<li><span style=\"font-weight: 400\"> Kompatibel Dengan Berbagai Macam Device<\/span><\/li>\n<li><span style=\"font-weight: 400\"> Menjadi Standar Pengembangan Website<\/span><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>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 sudah paham tentang HTML. Pengertian [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":4627,"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":[552,555,557,554,553,556],"class_list":["post-4626","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","tag-apa-itu-css-dan-fungsinya","tag-fungsi-css-dalam-pembuatan-website","tag-fungsi-pada-css","tag-kegunaan-css","tag-kepanjangan-css","tag-manfaat-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Apa Itu CSS? Pengertian dan Fungsinya - Hostnic.id<\/title>\n<meta name=\"description\" content=\"Apa Itu CSS? Setelah pada artikel sebelumnya kita berkenalan dengan HTML, dari mulai pengertian, fungsi serta kelebihan dan kekurangannya.\" \/>\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\/apa-itu-css-pengertian-dan-fungsinya\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apa Itu CSS? Pengertian dan Fungsinya - Hostnic.id\" \/>\n<meta property=\"og:description\" content=\"Apa Itu CSS? Setelah pada artikel sebelumnya kita berkenalan dengan HTML, dari mulai pengertian, fungsi serta kelebihan dan kekurangannya.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostnic.id\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-16T04:09:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1600565.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=\"1 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\\\/apa-itu-css-pengertian-dan-fungsinya\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/\"},\"author\":{\"name\":\"Monic\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"headline\":\"Apa Itu CSS? Pengertian dan Fungsinya\",\"datePublished\":\"2021-03-16T04:09:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/\"},\"wordCount\":233,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1600565.jpg?fit=2480%2C2480&ssl=1\",\"keywords\":[\"apa itu css dan fungsinya\",\"fungsi css dalam pembuatan website\",\"fungsi pada css\",\"kegunaan css\",\"kepanjangan css\",\"manfaat css\"],\"articleSection\":[\"Website\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/\",\"name\":\"Apa Itu CSS? Pengertian dan Fungsinya - Hostnic.id\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1600565.jpg?fit=2480%2C2480&ssl=1\",\"datePublished\":\"2021-03-16T04:09:20+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"description\":\"Apa Itu CSS? Setelah pada artikel sebelumnya kita berkenalan dengan HTML, dari mulai pengertian, fungsi serta kelebihan dan kekurangannya.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1600565.jpg?fit=2480%2C2480&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1600565.jpg?fit=2480%2C2480&ssl=1\",\"width\":2480,\"height\":2480,\"caption\":\"Apa Itu CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/apa-itu-css-pengertian-dan-fungsinya\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apa Itu CSS? Pengertian dan Fungsinya\"}]},{\"@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":"Apa Itu CSS? Pengertian dan Fungsinya - Hostnic.id","description":"Apa Itu CSS? Setelah pada artikel sebelumnya kita berkenalan dengan HTML, dari mulai pengertian, fungsi serta kelebihan dan kekurangannya.","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\/apa-itu-css-pengertian-dan-fungsinya\/","og_locale":"id_ID","og_type":"article","og_title":"Apa Itu CSS? Pengertian dan Fungsinya - Hostnic.id","og_description":"Apa Itu CSS? Setelah pada artikel sebelumnya kita berkenalan dengan HTML, dari mulai pengertian, fungsi serta kelebihan dan kekurangannya.","og_url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/","og_site_name":"Hostnic.id","article_published_time":"2021-03-16T04:09:20+00:00","og_image":[{"width":2480,"height":2480,"url":"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1600565.jpg","type":"image\/jpeg"}],"author":"Monic","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Monic","Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/#article","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/"},"author":{"name":"Monic","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"headline":"Apa Itu CSS? Pengertian dan Fungsinya","datePublished":"2021-03-16T04:09:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/"},"wordCount":233,"commentCount":0,"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1600565.jpg?fit=2480%2C2480&ssl=1","keywords":["apa itu css dan fungsinya","fungsi css dalam pembuatan website","fungsi pada css","kegunaan css","kepanjangan css","manfaat css"],"articleSection":["Website"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/","url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/","name":"Apa Itu CSS? Pengertian dan Fungsinya - Hostnic.id","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/#primaryimage"},"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1600565.jpg?fit=2480%2C2480&ssl=1","datePublished":"2021-03-16T04:09:20+00:00","author":{"@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"description":"Apa Itu CSS? Setelah pada artikel sebelumnya kita berkenalan dengan HTML, dari mulai pengertian, fungsi serta kelebihan dan kekurangannya.","breadcrumb":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/#primaryimage","url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1600565.jpg?fit=2480%2C2480&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1600565.jpg?fit=2480%2C2480&ssl=1","width":2480,"height":2480,"caption":"Apa Itu CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/apa-itu-css-pengertian-dan-fungsinya\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostnic.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Apa Itu CSS? Pengertian dan Fungsinya"}]},{"@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\/1600565.jpg?fit=2480%2C2480&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8D2mv-1cC","jetpack-related-posts":[{"id":4996,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/pengertian-fungsi-dan-cara-kerja-css-cascading-style-sheets\/","url_meta":{"origin":4626,"position":0},"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":4629,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/macam-macam-css-dan-kelebihannya\/","url_meta":{"origin":4626,"position":1},"title":"Macam Macam CSS dan Kelebihannya","author":"Monic","date":"2021-03-16","format":false,"excerpt":"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\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"macam macam css","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1503099.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\/1503099.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1503099.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1503099.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1503099.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":7573,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/berikut-cara-membuat-website-dengan-html-css-php\/","url_meta":{"origin":4626,"position":2},"title":"Berikut Cara Membuat Website Dengan HTML + CSS + PHP","author":"Monic","date":"2023-09-23","format":false,"excerpt":"Hello! Selamat datang di artikel ini. Bagaimana kabar kalian? Saya harap semuanya baik-baik saja. Pada kesempatan kali ini, kita akan membahas tentang cara membuat website dengan menggunakan HTML, CSS, dan PHP. Jika kalian memiliki minat dalam bidang pengembangan web, artikel ini sangat cocok untuk kalian. Yuk, mari kita lanjutkan membaca.\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"Berikut Cara Membuat Website Dengan HTML + CSS + PHP","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/internet-day-concept-illustratio.jpg?fit=740%2C493&ssl=1%3Fv%3D1695459778&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/internet-day-concept-illustratio.jpg?fit=740%2C493&ssl=1%3Fv%3D1695459778&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/internet-day-concept-illustratio.jpg?fit=740%2C493&ssl=1%3Fv%3D1695459778&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/internet-day-concept-illustratio.jpg?fit=740%2C493&ssl=1%3Fv%3D1695459778&resize=700%2C400 2x"},"classes":[]},{"id":3237,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/cara-menggunakan-bootstrap\/","url_meta":{"origin":4626,"position":3},"title":"Cara menggunakan Bootstrap 4 di Website (Offline)","author":"Monic","date":"2020-06-10","format":false,"excerpt":"Hai sobat hostnic... Kali ini mimin mau share nih cara menggunakan Bootstrap di Website kamu. Sebelumnya mimin udah share cara install aplikasi text editor yang akan kita gunakan nanti untuk coding website ini. Silahkan dibaca dulu Cara Install VS Code (Visual Studio Code) Pengertian Bootstrap \u00a0Bootstrap merupakan sebuah library framework\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/06\/1_9HanDsRU11ZMsgDGJwN96w.png?fit=1024%2C860&ssl=1%3Fv%3D1591800030&resize=700%2C400 2x"},"classes":[]},{"id":4738,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/bootstrap\/mengenal-apa-itu-bootstrap-serta-keunggulannya\/","url_meta":{"origin":4626,"position":4},"title":"Mengenal Apa Itu Bootstrap Serta Keunggulannya","author":"Monic","date":"2021-04-06","format":false,"excerpt":"Pada artikel sebelumnya kita sudah membahas tentang Rekomendasi CSS Framework Terbaik dimana salah satu rekomendasinya adalah Bootstrap. Pengertian Framework sendiri adalah sebuah software yang bertujuan untuk memudahkan para developer atau programer dalam tahap membuat sebuah aplikasi atau website.\u00a0 Lantas, Apa Itu Bootstrap? Bagi sebagian depelover atau programming pasti sudah tidak\u2026","rel":"","context":"dalam &quot;Bootstrap&quot;","block_context":{"text":"Bootstrap","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/bootstrap\/"},"img":{"alt_text":"Apa Itu Bootstrap","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1953377.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\/04\/1953377.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1953377.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1953377.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1953377.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":4677,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/","url_meta":{"origin":4626,"position":5},"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":[]}],"_links":{"self":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4626","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=4626"}],"version-history":[{"count":1,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4626\/revisions"}],"predecessor-version":[{"id":4628,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4626\/revisions\/4628"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media\/4627"}],"wp:attachment":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media?parent=4626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/categories?post=4626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/tags?post=4626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}