{"id":3010,"date":"2015-12-20T22:50:47","date_gmt":"2015-12-20T20:50:47","guid":{"rendered":"http:\/\/koddit.com\/?p=3010"},"modified":"2023-05-18T09:28:01","modified_gmt":"2023-05-18T06:28:01","slug":"css-nedir-ne-ise-yarar","status":"publish","type":"post","link":"https:\/\/blog.koddit.com\/en\/genel\/css-nedir-ne-ise-yarar\/","title":{"rendered":"CSS Nedir? Ne \u0130\u015fe Yarar? Nas\u0131l Kullan\u0131l\u0131r?"},"content":{"rendered":"<h2>CSS nedir?<\/h2>\n<p>CSS <em>(Cascading Style Sheets)<\/em> basit\u00e7e, sayfam\u0131za ait <strong>g\u00f6rselli\u011fe dair<\/strong> her t\u00fcrl\u00fc yap\u0131y\u0131 d\u00fczenlememizi sa\u011flayan bir markup dilidir. Sayfaya ait \u00f6\u011felerin (form, buton, arkaplan vb.) renklerini, boyutlar\u0131n\u0131, konumlar\u0131n\u0131 vb. \u00f6zelliklerini d\u00fczenlememize imkan sa\u011flar.<\/p>\n<p><strong>CSS bir programlama dili de\u011fildir. CSS bir markup dilidir.<\/strong><\/p>\n<h2>Markup dili mi?! CSS nedir anlad\u0131m da, markup dili nedir peki?<\/h2>\n<p>Markup dili, bir d\u00f6k\u00fcman\u0131 sistemin\/uygulaman\u0131n\/arac\u0131n yorumlayabilece\u011fi formatta olu\u015fturmam\u0131z\u0131 sa\u011flayan dile verilen isimdir.<br \/>\n\u00d6rne\u011fin, HTML de bir markup dilidir. \u00d6rnek vermek gerekirse:<\/p>\n<pre class=\"lang:c# decode:true\">&lt;title&gt;Deneme&lt;\/title&gt;<\/pre>\n<p>yaz\u0131s\u0131n\u0131 kaydetti\u011fimiz html uzant\u0131l\u0131 bir d\u00f6k\u00fcman, herhangi bir web browser taraf\u0131ndan sayfa ba\u015fl\u0131\u011f\u0131 Deneme olan bir web sayfas\u0131 olarak yorumlanacakt\u0131r.<\/p>\n<div id=\"attachment_3029\" style=\"width: 310px\" class=\"wp-caption alignright\"><a href=\"https:\/\/blog.koddit.com\/wp-content\/uploads\/2015\/12\/csshtml.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3029\" src=\"https:\/\/blog.koddit.com\/wp-content\/plugins\/wp-images-lazy-loading\/images\/grey.gif\" data-original=\"https:\/\/blog.koddit.com\/wp-content\/uploads\/2015\/12\/csshtml-300x185.png\" alt=\"HTML &amp; CSS karde\u015ftir, ay\u0131ran kalle\u015ftir!\" width=\"300\" height=\"185\" class=\"lazy size-medium wp-image-3029\" \/><p id=\"caption-attachment-3029\" class=\"wp-caption-text\"><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.koddit.com\/wp-content\/uploads\/2015\/12\/csshtml-300x185.png\" alt=\"HTML &amp; CSS karde\u015ftir, ay\u0131ran kalle\u015ftir!\" width=\"300\" height=\"185\" class=\"size-medium wp-image-3029\" srcset=\"https:\/\/blog.koddit.com\/wp-content\/uploads\/2015\/12\/csshtml-300x185.png 300w, https:\/\/blog.koddit.com\/wp-content\/uploads\/2015\/12\/csshtml-600x370.png 600w, https:\/\/blog.koddit.com\/wp-content\/uploads\/2015\/12\/csshtml.png 781w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript><\/a> HTML &amp; CSS karde\u015ftir, ay\u0131ran kalle\u015ftir!<\/p><\/div>\n<h2>CSS ne i\u015fe yarar?<\/h2>\n<p>Tan\u0131m\u0131nda da belirtti\u011fimiz gibi, <strong>CSS, web sayfam\u0131zdaki \u00f6\u011felerin stilini\/g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc de\u011fi\u015ftirmemizi sa\u011flar<\/strong>. Butonunuza g\u00f6lge mi eklemek istiyorsunuz? Biri sola di\u011feri sa\u011fa dayal\u0131 2 formu ayn\u0131 konumda m\u0131 g\u00f6stermek istiyorunuz? Ya da sayfan\u0131z\u0131 scroll etseniz bile yukar\u0131da sabit kalan bir header\u2019a m\u0131 ihtiyac\u0131n\u0131z var? O halde CSS yard\u0131m\u0131n\u0131za ko\u015facakt\u0131r. Web sayfas\u0131n\u0131n g\u00f6r\u00fcn\u00fcm\u00fcyle alakal\u0131 nice senaryoda CSS kullanman\u0131za gerek olacakt\u0131r.<\/p>\n<h2>\u0130lla CSS mi kullanmal\u0131y\u0131m g\u00f6r\u00fcn\u00fcm\u00fc de\u011fi\u015ftirmek i\u00e7in? \u0130stedi\u011fim stili HTML ile sa\u011flayamaz m\u0131y\u0131m?<\/h2>\n<p>CSS ile d\u00fczenleyebildi\u011fimiz baz\u0131 g\u00f6r\u00fcn\u00fcm d\u00fczenlemelerini CSS kullanmadan yaln\u0131zca HTML kullanarak da sa\u011flayabiliriz. \u00d6rne\u011fin, yaz\u0131 font b\u00fcy\u00fckl\u00fc\u011f\u00fcn\u00fc de\u011fi\u015ftirme, yaz\u0131 rengini de\u011fi\u015ftirme, resim boyutunu d\u00fczenleyebilme gibi&#8230; Ancak yap\u0131lmak istenen i\u015fler karma\u015f\u0131kla\u015ft\u0131k\u00e7a (buton g\u00f6lgelendirme, resim saydaml\u0131\u011f\u0131n\u0131 d\u00fczenleme, link \u00fczerine geldi\u011fimizde rengin de\u011fi\u015fmesi vb.) CSS kullanmaya y\u00f6neliyoruz.<\/p>\n<p>CSS ve HTML aras\u0131ndaki ili\u015fki i\u00e7in verilen \u00f6rneklerde genelde \u015fu mant\u0131kla \u00f6rneklerle kar\u015f\u0131la\u015f\u0131rs\u0131n\u0131z:<\/p>\n<h3>HTML<\/h3>\n<p>Bir arabay\u0131 meydana getiren pek \u00e7ok bile\u015feninin bir araya gelmesiyle o arabay\u0131 ger\u00e7ekle\u015ftiren yap\u0131ya HTML diyebiliriz. Koltuklar, direksiyon, vites, tekerlekler&#8230; hepsi arabay\u0131 olu\u015fturan bir \u00f6\u011fedir. Bu \u00f6\u011feler ve hepsinin birle\u015fmesiyle ortaya \u00e7\u0131kan araba yap\u0131s\u0131n\u0131 HTML ile olu\u015fturuyoruz gibi d\u00fc\u015f\u00fcnebiliriz.<\/p>\n<h3>CSS<\/h3>\n<p>Olu\u015fan arabaya ait direksiyonun rengi, koltuklar\u0131n kaplamas\u0131, camlar\u0131n film ile kaplanmas\u0131, farlar\u0131n renkleri, konsolun ah\u015fap kaplamas\u0131 olmas\u0131&#8230; t\u00fcm bu \u00f6rnekler, kurulan HTML yap\u0131s\u0131n\u0131n stilini\/g\u00f6r\u00fcm\u00fcn\u00fc belirleyen CSS ile ilgilidir.<\/p>\n<div id=\"attachment_3021\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.koddit.com\/wp-content\/uploads\/2015\/12\/html-css-e1450644247932.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3021\" src=\"https:\/\/blog.koddit.com\/wp-content\/plugins\/wp-images-lazy-loading\/images\/grey.gif\" data-original=\"https:\/\/blog.koddit.com\/wp-content\/uploads\/2015\/12\/html-css-e1450644247932.jpg\" alt=\"HTML ve CSS'in birbiriyle ili\u015fkisi...\" width=\"500\" height=\"250\" class=\"lazy size-full wp-image-3021\" \/><p id=\"caption-attachment-3021\" class=\"wp-caption-text\"><noscript><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blog.koddit.com\/wp-content\/uploads\/2015\/12\/html-css-e1450644247932.jpg\" alt=\"HTML ve CSS'in birbiriyle ili\u015fkisi...\" width=\"500\" height=\"250\" class=\"size-full wp-image-3021\" \/><\/noscript><\/a> HTML ve CSS&#8217;in birbiriyle ili\u015fkisi&#8230;<\/p><\/div>\n<h2>CSS kullanman\u0131n sa\u011flayaca\u011f\u0131 faydalar nedir?<\/h2>\n<ul>\n<li>G\u00f6r\u00fcn\u00fcme dair \u00f6zellikleri birden fazla \u00f6\u011fede tekrar tekrar kullanabilmemizi sa\u011flar (Bir buton \u00f6\u011fesine ait yaz\u0131 boyutunu ve rengini CSS ile ayarlad\u0131ktan sonra, ayn\u0131 \u00f6zellikleri bir ba\u015fka \u00f6\u011fede olan textbot i\u00e7inde de kullanabiliriz)<\/li>\n<li>Farkl\u0131 g\u00f6r\u00fcn\u00fcm \u00f6zelliklerini dilersek bir \u00f6\u011fe \u00fczerinde ayn\u0131 anda uygulayabilmemize olanak tan\u0131r (G\u00f6lgelendirme i\u00e7in haz\u0131rlad\u0131\u011f\u0131m\u0131z bir CSS par\u00e7as\u0131 ile renklendirme i\u00e7in haz\u0131rlad\u0131\u011f\u0131m\u0131z ayr\u0131 bir CSS par\u00e7as\u0131n\u0131 ayn\u0131 \u00f6\u011fe \u00fczerinde kullanarak iki \u00f6zelli\u011fini de birle\u015ftirebiliriz)<\/li>\n<li>Olu\u015fturaca\u011f\u0131m\u0131z bir .css dosyas\u0131 ile g\u00f6rsel \u00f6zellikleri derli toplu tutarak, sabit bir HTML yap\u0131s\u0131naki g\u00f6rselli\u011fe ait de\u011fi\u015fiklikleri yaln\u0131zca bir dosyay\u0131 d\u00fczenleyerek sa\u011flayabiliriz<\/li>\n<li>Farkl\u0131 \u00f6\u011felere ait olacak \u00f6zellikleri tek CSS par\u00e7as\u0131nda tan\u0131mlayarak tekrar tekrar stil belirtiminden ka\u00e7\u0131nmak websitemizin boyutunu da d\u00fc\u015f\u00fcrecektir<\/li>\n<li>Farkl\u0131 browser t\u00fcrleri ve mobil ya da masa\u00fcst\u00fc uygulamadan giri\u015fin tespiti ile farkl\u0131 bir g\u00f6r\u00fcn\u00fcm sunma imkan\u0131 yakalayabiliriz (Ba\u011flanan kullan\u0131c\u0131n\u0131n giri\u015f yapt\u0131\u011f\u0131 cihaz\/browser&#8217;a g\u00f6re farkl\u0131 CSS g\u00f6sterimi sa\u011flayarak daha rahat kullan\u0131m deneyimini yakalayabiliriz)<\/li>\n<\/ul>\n<h3>Sonu\u00e7 olarak&#8230;<\/h3>\n<p>Web tasar\u0131m\u0131yla u\u011fra\u015fan <strong>herkesin<\/strong> a\u015fina olmas\u0131 gereken CSS, \u00f6\u011frenmesi \u00e7ok kolay faydas\u0131 ise \u00e7ok y\u00fcksek bir markup dili. Web uygulamas\u0131 geli\u015ftiren pek \u00e7ok geli\u015ftiricinin a\u015fina oldu\u011fu bu markup dilini \u00f6\u011frenmeniz size zaman\/efor konusunda b\u00fcy\u00fck fayda sa\u011flayacakt\u0131r.<\/p>","protected":false},"excerpt":{"rendered":"<p>CSS nedir? CSS (Cascading Style Sheets) basit\u00e7e, sayfam\u0131za ait g\u00f6rselli\u011fe dair her t\u00fcrl\u00fc yap\u0131y\u0131 d\u00fczenlememizi sa\u011flayan bir markup dilidir. Sayfaya ait \u00f6\u011felerin (form, buton, arkaplan vb.) renklerini, boyutlar\u0131n\u0131, konumlar\u0131n\u0131 vb. \u00f6zelliklerini d\u00fczenlememize imkan sa\u011flar. CSS bir programlama dili de\u011fildir. CSS bir markup dilidir. Markup dili mi?! CSS nedir anlad\u0131m da, markup dili nedir peki? Markup [&hellip;]<\/p>","protected":false},"author":1,"featured_media":3017,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[243,244],"class_list":["post-3010","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel","tag-css","tag-css-nedir"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CSS Nedir? Ne \u0130\u015fe Yarar? Nas\u0131l Kullan\u0131l\u0131r? \u00d6rnekli Anlat\u0131m<\/title>\n<meta name=\"description\" content=\"CSS nedir? Ne i\u015fe yarar? Neden kullanmak gerekir? Detayl\u0131 \u00f6rneklerle anlat\u0131yoruz. CSS nedir, ne i\u015fe yarar \u00f6\u011frenmek isteyenler i\u00e7in detayl\u0131ca anlat\u0131yoruz...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.koddit.com\/en\/genel\/css-nedir-ne-ise-yarar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Nedir? Ne \u0130\u015fe Yarar? Nas\u0131l Kullan\u0131l\u0131r? \u00d6rnekli Anlat\u0131m\" \/>\n<meta property=\"og:description\" content=\"CSS nedir? Ne i\u015fe yarar? Neden kullanmak gerekir? Detayl\u0131 \u00f6rneklerle anlat\u0131yoruz. CSS nedir, ne i\u015fe yarar \u00f6\u011frenmek isteyenler i\u00e7in detayl\u0131ca anlat\u0131yoruz...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.koddit.com\/en\/genel\/css-nedir-ne-ise-yarar\/\" \/>\n<meta property=\"og:site_name\" content=\"Koddit\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/r.caner.oncu\" \/>\n<meta property=\"article:published_time\" content=\"2015-12-20T20:50:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-18T06:28:01+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/blog.koddit.com\/wp-content\/uploads\/2015\/12\/css-cover.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"580\" \/>\n\t<meta property=\"og:image:height\" content=\"360\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Caner \u00d6nc\u00fc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@caneroncu\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Caner \u00d6nc\u00fc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/\"},\"author\":{\"name\":\"Caner \u00d6nc\u00fc\",\"@id\":\"https:\/\/blog.koddit.com\/#\/schema\/person\/475b7f34a5b2ec63447d0f5735829ff9\"},\"headline\":\"CSS Nedir? Ne \u0130\u015fe Yarar? Nas\u0131l Kullan\u0131l\u0131r?\",\"datePublished\":\"2015-12-20T20:50:47+00:00\",\"dateModified\":\"2023-05-18T06:28:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/\"},\"wordCount\":732,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/blog.koddit.com\/#organization\"},\"keywords\":[\"css\",\"css nedir\"],\"articleSection\":[\"Genel\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/\",\"url\":\"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/\",\"name\":\"CSS Nedir? Ne \u0130\u015fe Yarar? Nas\u0131l Kullan\u0131l\u0131r? \u00d6rnekli Anlat\u0131m\",\"isPartOf\":{\"@id\":\"https:\/\/blog.koddit.com\/#website\"},\"datePublished\":\"2015-12-20T20:50:47+00:00\",\"dateModified\":\"2023-05-18T06:28:01+00:00\",\"description\":\"CSS nedir? Ne i\u015fe yarar? Neden kullanmak gerekir? Detayl\u0131 \u00f6rneklerle anlat\u0131yoruz. CSS nedir, ne i\u015fe yarar \u00f6\u011frenmek isteyenler i\u00e7in detayl\u0131ca anlat\u0131yoruz...\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/blog.koddit.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS Nedir? Ne \u0130\u015fe Yarar? Nas\u0131l Kullan\u0131l\u0131r?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.koddit.com\/#website\",\"url\":\"https:\/\/blog.koddit.com\/\",\"name\":\"Koddit\",\"description\":\"Blog\",\"publisher\":{\"@id\":\"https:\/\/blog.koddit.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.koddit.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/blog.koddit.com\/#organization\",\"name\":\"Koddit\",\"url\":\"https:\/\/blog.koddit.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.koddit.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/blog.koddit.com\/wp-content\/uploads\/2023\/04\/koddit-logo.png\",\"contentUrl\":\"https:\/\/blog.koddit.com\/wp-content\/uploads\/2023\/04\/koddit-logo.png\",\"width\":\"176\",\"height\":\"65\",\"caption\":\"Koddit\"},\"image\":{\"@id\":\"https:\/\/blog.koddit.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.koddit.com\/#\/schema\/person\/475b7f34a5b2ec63447d0f5735829ff9\",\"name\":\"Caner \u00d6nc\u00fc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.koddit.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e4ad628f2a21b0fb77e910ee24545b7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e4ad628f2a21b0fb77e910ee24545b7?s=96&d=mm&r=g\",\"caption\":\"Caner \u00d6nc\u00fc\"},\"sameAs\":[\"https:\/\/blog.koddit.com\",\"https:\/\/www.facebook.com\/r.caner.oncu\",\"https:\/\/twitter.com\/caneroncu\"],\"url\":\"https:\/\/blog.koddit.com\/en\/author\/caner\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS Nedir? Ne \u0130\u015fe Yarar? Nas\u0131l Kullan\u0131l\u0131r? \u00d6rnekli Anlat\u0131m","description":"CSS nedir? Ne i\u015fe yarar? Neden kullanmak gerekir? Detayl\u0131 \u00f6rneklerle anlat\u0131yoruz. CSS nedir, ne i\u015fe yarar \u00f6\u011frenmek isteyenler i\u00e7in detayl\u0131ca anlat\u0131yoruz...","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:\/\/blog.koddit.com\/en\/genel\/css-nedir-ne-ise-yarar\/","og_locale":"en_US","og_type":"article","og_title":"CSS Nedir? Ne \u0130\u015fe Yarar? Nas\u0131l Kullan\u0131l\u0131r? \u00d6rnekli Anlat\u0131m","og_description":"CSS nedir? Ne i\u015fe yarar? Neden kullanmak gerekir? Detayl\u0131 \u00f6rneklerle anlat\u0131yoruz. CSS nedir, ne i\u015fe yarar \u00f6\u011frenmek isteyenler i\u00e7in detayl\u0131ca anlat\u0131yoruz...","og_url":"https:\/\/blog.koddit.com\/en\/genel\/css-nedir-ne-ise-yarar\/","og_site_name":"Koddit","article_author":"https:\/\/www.facebook.com\/r.caner.oncu","article_published_time":"2015-12-20T20:50:47+00:00","article_modified_time":"2023-05-18T06:28:01+00:00","og_image":[{"width":580,"height":360,"url":"http:\/\/blog.koddit.com\/wp-content\/uploads\/2015\/12\/css-cover.jpg","type":"image\/jpeg"}],"author":"Caner \u00d6nc\u00fc","twitter_card":"summary_large_image","twitter_creator":"@caneroncu","twitter_misc":{"Written by":"Caner \u00d6nc\u00fc","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/#article","isPartOf":{"@id":"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/"},"author":{"name":"Caner \u00d6nc\u00fc","@id":"https:\/\/blog.koddit.com\/#\/schema\/person\/475b7f34a5b2ec63447d0f5735829ff9"},"headline":"CSS Nedir? Ne \u0130\u015fe Yarar? Nas\u0131l Kullan\u0131l\u0131r?","datePublished":"2015-12-20T20:50:47+00:00","dateModified":"2023-05-18T06:28:01+00:00","mainEntityOfPage":{"@id":"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/"},"wordCount":732,"commentCount":0,"publisher":{"@id":"https:\/\/blog.koddit.com\/#organization"},"keywords":["css","css nedir"],"articleSection":["Genel"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/","url":"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/","name":"CSS Nedir? Ne \u0130\u015fe Yarar? Nas\u0131l Kullan\u0131l\u0131r? \u00d6rnekli Anlat\u0131m","isPartOf":{"@id":"https:\/\/blog.koddit.com\/#website"},"datePublished":"2015-12-20T20:50:47+00:00","dateModified":"2023-05-18T06:28:01+00:00","description":"CSS nedir? Ne i\u015fe yarar? Neden kullanmak gerekir? Detayl\u0131 \u00f6rneklerle anlat\u0131yoruz. CSS nedir, ne i\u015fe yarar \u00f6\u011frenmek isteyenler i\u00e7in detayl\u0131ca anlat\u0131yoruz...","breadcrumb":{"@id":"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.koddit.com\/genel\/css-nedir-ne-ise-yarar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/blog.koddit.com\/"},{"@type":"ListItem","position":2,"name":"CSS Nedir? Ne \u0130\u015fe Yarar? Nas\u0131l Kullan\u0131l\u0131r?"}]},{"@type":"WebSite","@id":"https:\/\/blog.koddit.com\/#website","url":"https:\/\/blog.koddit.com\/","name":"Koddit","description":"Blog","publisher":{"@id":"https:\/\/blog.koddit.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.koddit.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/blog.koddit.com\/#organization","name":"Koddit","url":"https:\/\/blog.koddit.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.koddit.com\/#\/schema\/logo\/image\/","url":"https:\/\/blog.koddit.com\/wp-content\/uploads\/2023\/04\/koddit-logo.png","contentUrl":"https:\/\/blog.koddit.com\/wp-content\/uploads\/2023\/04\/koddit-logo.png","width":"176","height":"65","caption":"Koddit"},"image":{"@id":"https:\/\/blog.koddit.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/blog.koddit.com\/#\/schema\/person\/475b7f34a5b2ec63447d0f5735829ff9","name":"Caner \u00d6nc\u00fc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.koddit.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e4ad628f2a21b0fb77e910ee24545b7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e4ad628f2a21b0fb77e910ee24545b7?s=96&d=mm&r=g","caption":"Caner \u00d6nc\u00fc"},"sameAs":["https:\/\/blog.koddit.com","https:\/\/www.facebook.com\/r.caner.oncu","https:\/\/twitter.com\/caneroncu"],"url":"https:\/\/blog.koddit.com\/en\/author\/caner\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.koddit.com\/en\/wp-json\/wp\/v2\/posts\/3010"}],"collection":[{"href":"https:\/\/blog.koddit.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.koddit.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.koddit.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.koddit.com\/en\/wp-json\/wp\/v2\/comments?post=3010"}],"version-history":[{"count":4,"href":"https:\/\/blog.koddit.com\/en\/wp-json\/wp\/v2\/posts\/3010\/revisions"}],"predecessor-version":[{"id":3322,"href":"https:\/\/blog.koddit.com\/en\/wp-json\/wp\/v2\/posts\/3010\/revisions\/3322"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.koddit.com\/en\/wp-json\/wp\/v2\/media\/3017"}],"wp:attachment":[{"href":"https:\/\/blog.koddit.com\/en\/wp-json\/wp\/v2\/media?parent=3010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.koddit.com\/en\/wp-json\/wp\/v2\/categories?post=3010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.koddit.com\/en\/wp-json\/wp\/v2\/tags?post=3010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}