{"id":806,"date":"2021-10-06T15:35:59","date_gmt":"2021-10-06T12:35:59","guid":{"rendered":"https:\/\/www.cenuta.com\/blog\/?p=806"},"modified":"2021-10-06T15:36:02","modified_gmt":"2021-10-06T12:36:02","slug":"css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri","status":"publish","type":"post","link":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/","title":{"rendered":"CSS nedir, ne i\u015fe yarar ve nas\u0131l kullan\u0131l\u0131r? En \u00e7ok kullan\u0131lan CSS kodlar\u0131 ve \u00f6rnekleri"},"content":{"rendered":"\n<p><strong>&#8220;Cascading Style Sheets<\/strong>&#8221; yani T\u00fcrk\u00e7esi &#8220;<strong>Basamaklanm\u0131\u015f Stil Katmanlar\u0131<\/strong>&#8221; olan <strong>CSS<\/strong>, HTML ile yazd\u0131\u011f\u0131m\u0131z metin ve g\u00f6r\u00fcnt\u00fc gibi kodlar\u0131n daha g\u00fczel ve renkli g\u00f6r\u00fcnmesini sa\u011flayan bir i\u015faretleme dilidir. CSS, HTML ve JavaScript ile birlikte kullan\u0131ld\u0131\u011f\u0131 zaman ortaya daha \u00fcst d\u00fczey web sayfalar\u0131 ortaya \u00e7\u0131karabilirsiniz.<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>CSS \u0130le Neler Yap\u0131labilir?<\/strong><\/p>\n\n\n\n<p>Sadece HTML ile kod yaz\u0131ld\u0131\u011f\u0131nda pek bir anlam ifade etmez, i\u015fin i\u00e7ine CSS&#8217;ide dahil etti\u011finiz zaman daha renkli ve canl\u0131 web sayfalar\u0131 ortaya \u00e7\u0131karabilirsiniz. CSS ile yapabilece\u011finiz baz\u0131 \u015feyler;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Yaz\u0131 rengi, b\u00fcy\u00fckl\u00fc\u011f\u00fc ve geni\u015fli\u011fi<\/li><li>Nesneleri hizalama<\/li><li>Link \u00d6zellikleri<\/li><li>Bi\u00e7imlendirme<\/li><li>Liste \u00f6zellikleri vb.<\/li><\/ul>\n\n\n\n<p class=\"has-medium-font-size\"><strong>CSS Nas\u0131l Yaz\u0131l\u0131r?<\/strong><\/p>\n\n\n\n<p>CSS kodlar\u0131 HTML kodlar\u0131n\u0131 daha g\u00fczel g\u00f6r\u00fcnmesini sa\u011flamak i\u00e7in yaz\u0131l\u0131r, yani CSS yazmak i\u00e7in HTML bilmenizde fayda vard\u0131r. CSS kodlar\u0131n\u0131 &#8220;style&#8221; etiketinin i\u00e7ine yazars\u0131n\u0131z. CSS kodlar\u0131n\u0131 yazmak i\u00e7in 3 y\u00f6ntem vard\u0131r.<\/p>\n\n\n\n<p><strong>Inline CSS<\/strong> : CSS kodlar\u0131n\u0131 sadece tek bir HTML etiketine eklememize yarayan bi\u00e7imdir.<\/p>\n\n\n\n<p><strong>Internal CSS<\/strong> :Internal CSS kodlar\u0131n\u0131 yazd\u0131\u011f\u0131n\u0131z sayfan\u0131n en \u00fcst k\u0131sm\u0131na &lt;head&gt;&lt;\/head&gt; etiketleri aras\u0131na yaz\u0131l\u0131r.<\/p>\n\n\n\n<p><strong>External CSS<\/strong> : Birden fazla HTML koduna CSS yazacaksan\u0131z .css uzant\u0131l\u0131 ba\u015fka bir CSS dosyas\u0131 olu\u015fturup kodlar\u0131n\u0131z\u0131 buraya tan\u0131mlaman\u0131z gerekir.<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>CSS Kodlar\u0131 Ve \u00d6rnekleri<\/strong><\/p>\n\n\n\n<p><strong>font-family<\/strong> : Yaz\u0131 tipini de\u011fi\u015ftirir.<\/p>\n\n\n\np {\n  font-family: &#8220;Times New Roman&#8221;, Times, serif;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>font-size <\/strong>: Yaz\u0131 boyutunu de\u011fi\u015ftirir.<\/p>\n\n\n\np {\n  font-size: 15px;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>font-style<\/strong> : Yaz\u0131 stilini de\u011fi\u015ftirir.<\/p>\n\n\n\np {\n  font-style: italic;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>color <\/strong>: Yaz\u0131 rengini de\u011fi\u015ftirir.<\/p>\n\n\n\np {\n  color: blue;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>background-color <\/strong>: Arka plan\u0131n rengini de\u011fi\u015ftirir.<\/p>\n\n\n\np {\n  background-color: red;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>width<\/strong> : geni\u015flik belirlemek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\np {\n  width: 50px;\n  border: 1px solid gray;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>height <\/strong>: Y\u00fckseklik belirlemek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\np {\n  height: 50px;\n  border: 1px solid gray;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>border <\/strong>: Kenarl\u0131k ayarlamak i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\np {\n  border: 5px solid red;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>padding <\/strong>: Kenarl\u0131k ayarlamak i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\np {\n  padding: 40px;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>margin <\/strong>: Nesnelerin birbirine olan uzakl\u0131klar\u0131n\u0131 belirlemek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\np {\n  margin: 40px;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>text-align<\/strong>: Nesneleri konumland\u0131rmak i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\np {\n  text-align: center;\n}\n\np {\n  text-align: left;\n}\n\np {\n  text-align: right;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>position <\/strong>: Konumland\u0131rma y\u00f6ntemini belirtmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\np {\n  position: absolute;\n  left: 100px;\n  top: 150px;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>text-decoration;none<\/strong> : Alt \u00e7izgiyi kald\u0131r\u0131r.<\/p>\n\n\n\np {\n  text-decoration: none;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>text-decoration-color <\/strong>: Metin dekorasyonunun renginin de\u011fi\u015ftirmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\np {\n  text-decoration-color: red;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>letter spacing<\/strong> : Harf aral\u0131klar\u0131n\u0131 belirtmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\np{\n  letter-spacing: 5px;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>word spacing<\/strong> : Kelimeler aras\u0131ndaki bo\u015flu\u011fu belirler.<\/p>\n\n\n\np{\n  word-spacing: 30px;\n}\n\n\n\n<p><\/p>\n\n\n\n<p><strong>line height<\/strong> : Sat\u0131r y\u00fcksekli\u011fini belirtmek i\u00e7in kullan\u0131l\u0131r.<\/p>\n\n\n\np{\n  line-height: 80%;\n}\n","protected":false},"excerpt":{"rendered":"<p>&#8220;Cascading Style Sheets&#8221; yani T\u00fcrk\u00e7esi &#8220;Basamaklanm\u0131\u015f Stil Katmanlar\u0131&#8221; olan CSS,<a href=\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/\">&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":930,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-806","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-terimler-sozlugu"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\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.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS nedir, ne i\u015fe yarar ve nas\u0131l kullan\u0131l\u0131r? En \u00e7ok kullan\u0131lan CSS kodlar\u0131 ve \u00f6rnekleri - Cenuta Blog\" \/>\n<meta property=\"og:description\" content=\"&#8220;Cascading Style Sheets&#8221; yani T\u00fcrk\u00e7esi &#8220;Basamaklanm\u0131\u015f Stil Katmanlar\u0131&#8221; olan CSS,...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/\" \/>\n<meta property=\"og:site_name\" content=\"Cenuta Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/cenutacom\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-06T12:35:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-06T12:36:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2021\/10\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cenutacom\" \/>\n<meta name=\"twitter:site\" content=\"@cenutacom\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u00d6mer Y\u00fcksel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/#organization\",\"name\":\"Cenuta Telekom\u00fcnikasyon Anonim \u015eirketi\",\"url\":\"https:\/\/www.cenuta.com\/blog\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/cenutacom\",\"https:\/\/www.instagram.com\/cenutacom\/\",\"https:\/\/www.linkedin.com\/company\/cenuta\",\"https:\/\/www.youtube.com\/cenuta\",\"https:\/\/twitter.com\/cenutacom\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/#logo\",\"inLanguage\":\"tr\",\"url\":\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2020\/08\/logo_siyah.png\",\"contentUrl\":\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2020\/08\/logo_siyah.png\",\"width\":805,\"height\":200,\"caption\":\"Cenuta Telekom\u00fcnikasyon Anonim \u015eirketi\"},\"image\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/#website\",\"url\":\"https:\/\/www.cenuta.com\/blog\/\",\"name\":\"Cenuta Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.cenuta.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"tr\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#primaryimage\",\"inLanguage\":\"tr\",\"url\":\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2021\/10\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri.jpeg\",\"contentUrl\":\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2021\/10\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri.jpeg\",\"width\":1200,\"height\":600},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#webpage\",\"url\":\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/\",\"name\":\"CSS nedir, ne i\u015fe yarar ve nas\u0131l kullan\u0131l\u0131r? En \u00e7ok kullan\u0131lan CSS kodlar\u0131 ve \u00f6rnekleri - Cenuta Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#primaryimage\"},\"datePublished\":\"2021-10-06T12:35:59+00:00\",\"dateModified\":\"2021-10-06T12:36:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Ana sayfa\",\"item\":\"https:\/\/www.cenuta.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS nedir, ne i\u015fe yarar ve nas\u0131l kullan\u0131l\u0131r? En \u00e7ok kullan\u0131lan CSS kodlar\u0131 ve \u00f6rnekleri\"}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#webpage\"},\"author\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/#\/schema\/person\/c3f8b14a9a6acaea989a4fe54816fcb4\"},\"headline\":\"CSS nedir, ne i\u015fe yarar ve nas\u0131l kullan\u0131l\u0131r? En \u00e7ok kullan\u0131lan CSS kodlar\u0131 ve \u00f6rnekleri\",\"datePublished\":\"2021-10-06T12:35:59+00:00\",\"dateModified\":\"2021-10-06T12:36:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#webpage\"},\"wordCount\":486,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2021\/10\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri.jpeg\",\"articleSection\":[\"Terim S\u00f6zl\u00fc\u011f\u00fc\"],\"inLanguage\":\"tr\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/#\/schema\/person\/c3f8b14a9a6acaea989a4fe54816fcb4\",\"name\":\"\u00d6mer Y\u00fcksel\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.cenuta.com\/blog\/#personlogo\",\"inLanguage\":\"tr\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bf728f844bc7928492269e4485efa490?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bf728f844bc7928492269e4485efa490?s=96&d=mm&r=g\",\"caption\":\"\u00d6mer Y\u00fcksel\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"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.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/","og_locale":"tr_TR","og_type":"article","og_title":"CSS nedir, ne i\u015fe yarar ve nas\u0131l kullan\u0131l\u0131r? En \u00e7ok kullan\u0131lan CSS kodlar\u0131 ve \u00f6rnekleri - Cenuta Blog","og_description":"&#8220;Cascading Style Sheets&#8221; yani T\u00fcrk\u00e7esi &#8220;Basamaklanm\u0131\u015f Stil Katmanlar\u0131&#8221; olan CSS,...","og_url":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/","og_site_name":"Cenuta Blog","article_publisher":"https:\/\/www.facebook.com\/cenutacom","article_published_time":"2021-10-06T12:35:59+00:00","article_modified_time":"2021-10-06T12:36:02+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2021\/10\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri.jpeg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@cenutacom","twitter_site":"@cenutacom","twitter_misc":{"Yazan:":"\u00d6mer Y\u00fcksel","Tahmini okuma s\u00fcresi":"2 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.cenuta.com\/blog\/#organization","name":"Cenuta Telekom\u00fcnikasyon Anonim \u015eirketi","url":"https:\/\/www.cenuta.com\/blog\/","sameAs":["https:\/\/www.facebook.com\/cenutacom","https:\/\/www.instagram.com\/cenutacom\/","https:\/\/www.linkedin.com\/company\/cenuta","https:\/\/www.youtube.com\/cenuta","https:\/\/twitter.com\/cenutacom"],"logo":{"@type":"ImageObject","@id":"https:\/\/www.cenuta.com\/blog\/#logo","inLanguage":"tr","url":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2020\/08\/logo_siyah.png","contentUrl":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2020\/08\/logo_siyah.png","width":805,"height":200,"caption":"Cenuta Telekom\u00fcnikasyon Anonim \u015eirketi"},"image":{"@id":"https:\/\/www.cenuta.com\/blog\/#logo"}},{"@type":"WebSite","@id":"https:\/\/www.cenuta.com\/blog\/#website","url":"https:\/\/www.cenuta.com\/blog\/","name":"Cenuta Blog","description":"","publisher":{"@id":"https:\/\/www.cenuta.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cenuta.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"tr"},{"@type":"ImageObject","@id":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#primaryimage","inLanguage":"tr","url":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2021\/10\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri.jpeg","contentUrl":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2021\/10\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri.jpeg","width":1200,"height":600},{"@type":"WebPage","@id":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#webpage","url":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/","name":"CSS nedir, ne i\u015fe yarar ve nas\u0131l kullan\u0131l\u0131r? En \u00e7ok kullan\u0131lan CSS kodlar\u0131 ve \u00f6rnekleri - Cenuta Blog","isPartOf":{"@id":"https:\/\/www.cenuta.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#primaryimage"},"datePublished":"2021-10-06T12:35:59+00:00","dateModified":"2021-10-06T12:36:02+00:00","breadcrumb":{"@id":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Ana sayfa","item":"https:\/\/www.cenuta.com\/blog\/"},{"@type":"ListItem","position":2,"name":"CSS nedir, ne i\u015fe yarar ve nas\u0131l kullan\u0131l\u0131r? En \u00e7ok kullan\u0131lan CSS kodlar\u0131 ve \u00f6rnekleri"}]},{"@type":"Article","@id":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#article","isPartOf":{"@id":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#webpage"},"author":{"@id":"https:\/\/www.cenuta.com\/blog\/#\/schema\/person\/c3f8b14a9a6acaea989a4fe54816fcb4"},"headline":"CSS nedir, ne i\u015fe yarar ve nas\u0131l kullan\u0131l\u0131r? En \u00e7ok kullan\u0131lan CSS kodlar\u0131 ve \u00f6rnekleri","datePublished":"2021-10-06T12:35:59+00:00","dateModified":"2021-10-06T12:36:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#webpage"},"wordCount":486,"commentCount":0,"publisher":{"@id":"https:\/\/www.cenuta.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.cenuta.com\/blog\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cenuta.com\/blog\/wp-content\/uploads\/2021\/10\/css-nedir-ne-ise-yarar-ve-nasil-kullanilir-en-cok-kullanilan-css-kodlari-ve-ornekleri.jpeg","articleSection":["Terim S\u00f6zl\u00fc\u011f\u00fc"],"inLanguage":"tr"},{"@type":"Person","@id":"https:\/\/www.cenuta.com\/blog\/#\/schema\/person\/c3f8b14a9a6acaea989a4fe54816fcb4","name":"\u00d6mer Y\u00fcksel","image":{"@type":"ImageObject","@id":"https:\/\/www.cenuta.com\/blog\/#personlogo","inLanguage":"tr","url":"https:\/\/secure.gravatar.com\/avatar\/bf728f844bc7928492269e4485efa490?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bf728f844bc7928492269e4485efa490?s=96&d=mm&r=g","caption":"\u00d6mer Y\u00fcksel"}}]}},"_links":{"self":[{"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/posts\/806","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/comments?post=806"}],"version-history":[{"count":17,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/posts\/806\/revisions"}],"predecessor-version":[{"id":931,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/posts\/806\/revisions\/931"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/media\/930"}],"wp:attachment":[{"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/media?parent=806"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/categories?post=806"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cenuta.com\/blog\/wp-json\/wp\/v2\/tags?post=806"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}