{"id":10018,"date":"2026-10-24T15:14:26","date_gmt":"2026-10-24T12:14:26","guid":{"rendered":"https:\/\/www.yunuskaytan.com\/?p=10012"},"modified":"2026-10-24T15:14:26","modified_gmt":"2026-10-24T12:14:26","slug":"css-nedir-temel-seciciler-stil","status":"publish","type":"post","link":"https:\/\/www.yunuskaytan.com\/en\/yk\/css-nedir-temel-seciciler-stil\/","title":{"rendered":"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131"},"content":{"rendered":"<p class=\"wp-block-paragraph\">CSS, <strong>Cascading Style Sheets<\/strong> (Basamakl\u0131 Stil \u015eablonlar\u0131) ifadesinin k\u0131saltmas\u0131d\u0131r. HTML bir sayfan\u0131n yap\u0131s\u0131n\u0131 kurarken CSS onun g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc belirler. Renkler, yaz\u0131 tipleri, bo\u015fluklar, yerle\u015fim ve mobil uyum CSS ile y\u00f6netilir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">CSS&#8217;i Sayfaya Eklemek<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00dc\u00e7 yolu vard\u0131r:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Sat\u0131r i\u00e7i:<\/strong> Etiketin i\u00e7ine <code>style<\/code> \u00f6zelli\u011fiyle yaz\u0131l\u0131r. K\u00fc\u00e7\u00fck denemeler d\u0131\u015f\u0131nda \u00f6nerilmez.<\/li>\n\n<li><strong>Dahili:<\/strong> <code>&lt;head&gt;<\/code> i\u00e7indeki <code>&lt;style&gt;<\/code> etiketiyle yaz\u0131l\u0131r.<\/li>\n\n<li><strong>Harici:<\/strong> Ayr\u0131 bir <code>.css<\/code> dosyas\u0131na yaz\u0131l\u0131r ve ba\u011flan\u0131r. En s\u0131k tercih edilen y\u00f6ntemdir.<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;link rel=\"stylesheet\" href=\"stil.css\"&gt;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">CSS Kural\u0131n\u0131n Yap\u0131s\u0131<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>p {\n    color: blue;\n    font-size: 18px;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Bu kuralda <code>p<\/code> <strong>se\u00e7ici<\/strong>, <code>color<\/code> ve <code>font-size<\/code> <strong>\u00f6zellik<\/strong>, <code>blue<\/code> ve <code>18px<\/code> ise <strong>de\u011fer<\/strong>dir. Se\u00e7ici hangi \u00f6\u011fenin bi\u00e7imlenece\u011fini, s\u00fcsl\u00fc parantezin i\u00e7i nas\u0131l bi\u00e7imlenece\u011fini s\u00f6yler.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Temel Se\u00e7iciler<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Etiket se\u00e7ici:<\/strong> <code>h1 { }<\/code> sayfadaki t\u00fcm <code>h1<\/code> \u00f6\u011felerini se\u00e7er.<\/li>\n\n<li><strong>S\u0131n\u0131f se\u00e7ici:<\/strong> <code>.kutu { }<\/code> <code>class=\"kutu\"<\/code> olan t\u00fcm \u00f6\u011feleri se\u00e7er.<\/li>\n\n<li><strong>Kimlik se\u00e7ici:<\/strong> <code>#ust { }<\/code> <code>id=\"ust\"<\/code> olan tek \u00f6\u011feyi se\u00e7er.<\/li>\n\n<li><strong>Gruplama:<\/strong> <code>h1, h2 { }<\/code> birden fazla \u00f6\u011feye ayn\u0131 kural\u0131 verir.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Bir \u00f6rnek:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;p class=&quot;uyari&quot;&gt;Dikkat!&lt;\/p&gt;<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>.uyari {\n    color: white;\n    background-color: crimson;\n    padding: 10px;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">S\u0131k Kullan\u0131lan \u00d6zellikler<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>color<\/code>: Yaz\u0131 rengi.<\/li>\n\n<li><code>background-color<\/code>: Arka plan rengi.<\/li>\n\n<li><code>font-family<\/code>: Yaz\u0131 tipi.<\/li>\n\n<li><code>font-size<\/code>: Yaz\u0131 boyutu.<\/li>\n\n<li><code>text-align<\/code>: Hizalama (<code>left<\/code>, <code>center<\/code>, <code>right<\/code>).<\/li>\n\n<li><code>margin<\/code>: \u00d6\u011fenin d\u0131\u015f\u0131ndaki bo\u015fluk.<\/li>\n\n<li><code>padding<\/code>: \u00d6\u011fenin i\u00e7indeki bo\u015fluk.<\/li>\n\n<li><code>border<\/code>: Kenarl\u0131k.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Kutu Modeli<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Taray\u0131c\u0131 her HTML \u00f6\u011fesini bir kutu olarak g\u00f6r\u00fcr. Bu kutu i\u00e7erikten, <code>padding<\/code>, <code>border<\/code> ve <code>margin<\/code> katmanlar\u0131ndan olu\u015fur. Bir \u00f6\u011fenin neden bekledi\u011finizden b\u00fcy\u00fck ya da k\u00fc\u00e7\u00fck g\u00f6r\u00fcnd\u00fc\u011f\u00fcn\u00fc anlamak i\u00e7in bu modeli bilmek \u00f6nemlidir.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.kart {\n    width: 300px;\n    padding: 20px;\n    border: 2px solid gray;\n    margin: 15px;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Varsay\u0131lan durumda toplam geni\u015flik 300 + 40 (padding) + 4 (border) = 344 piksel olur. <code>box-sizing: border-box;<\/code> yazarsan\u0131z geni\u015flik kenarl\u0131k ve i\u00e7 bo\u015fluk dahil 300 piksel kal\u0131r.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Flexbox ile Yan Yana Dizmek<\/h2>\n\n\n\n<pre class=\"wp-block-code\"><code>.satir {\n    display: flex;\n    gap: 16px;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><code>display: flex<\/code> verilen kaplar\u0131n i\u00e7indeki \u00f6\u011feler yan yana dizilir. <code>gap<\/code> aralar\u0131ndaki bo\u015flu\u011fu belirler.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Basamakl\u0131l\u0131k (Cascade) Nedir?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ayn\u0131 \u00f6\u011fe i\u00e7in birden fazla kural \u00e7ak\u0131\u015f\u0131rsa taray\u0131c\u0131 hangisinin ge\u00e7erli olaca\u011f\u0131na \u00f6zg\u00fcll\u00fck ve s\u0131raya g\u00f6re karar verir. Genel olarak kimlik se\u00e7ici s\u0131n\u0131f se\u00e7iciden, s\u0131n\u0131f se\u00e7ici etiket se\u00e7iciden g\u00fc\u00e7l\u00fcd\u00fcr. E\u015fitlik varsa dosyada sonra yaz\u0131lan kural ge\u00e7erli olur.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Sonu\u00e7<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">CSS&#8217;i \u00f6\u011frenmenin en iyi yolu, bir HTML sayfas\u0131n\u0131 a\u00e7\u0131p rengi, bo\u015flu\u011fu ve boyutu tek tek de\u011fi\u015ftirerek sonucu g\u00f6rmektir. Taray\u0131c\u0131da F12 tu\u015fuyla geli\u015ftirici ara\u00e7lar\u0131n\u0131 a\u00e7\u0131p canl\u0131 olarak deneme yapabilirsiniz.<\/p>","protected":false},"excerpt":{"rendered":"<p>CSS&#8217;in ne oldu\u011funu, se\u00e7icileri ve temel \u00f6zellikleri \u00f6rneklerle \u00f6\u011frenin, sayfan\u0131za renk ve d\u00fczen kazand\u0131r\u0131n.<\/p>","protected":false},"author":1,"featured_media":10017,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[226],"tags":[234,253,255,260],"class_list":["post-10018","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-ve-css","tag-css","tag-seciciler","tag-stil","tag-web-tasarim"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131 - Yunus KAYTAN<\/title>\n<meta name=\"description\" content=\"CSS nedir ve ne i\u015fe yarar? Se\u00e7iciler, renk, boyut ve kutu modeli ile web sayfan\u0131z\u0131 bi\u00e7imlendirmeyi \u00f6\u011frenin.\" \/>\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.yunuskaytan.com\/en\/yk\/css-nedir-temel-seciciler-stil\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131 - Yunus KAYTAN\" \/>\n<meta property=\"og:description\" content=\"CSS nedir ve ne i\u015fe yarar? Se\u00e7iciler, renk, boyut ve kutu modeli ile web sayfan\u0131z\u0131 bi\u00e7imlendirmeyi \u00f6\u011frenin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yunuskaytan.com\/en\/yk\/css-nedir-temel-seciciler-stil\/\" \/>\n<meta property=\"og:site_name\" content=\"Yunus KAYTAN\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-24T12:14:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/2026\/10\/css-nedir-temel-seciciler-stil.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"yunuskaytan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yunuskaytan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/\"},\"author\":{\"name\":\"yunuskaytan\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#\\\/schema\\\/person\\\/be66986fb499da83a5685de34f68d15a\"},\"headline\":\"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131\",\"datePublished\":\"2026-10-24T12:14:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/\"},\"wordCount\":401,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/css-nedir-temel-seciciler-stil.jpg\",\"keywords\":[\"css\",\"se\u00e7iciler\",\"stil\",\"web tasar\u0131m\"],\"articleSection\":[\"HTML ve CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/\",\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/\",\"name\":\"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131 - Yunus KAYTAN\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/css-nedir-temel-seciciler-stil.jpg\",\"datePublished\":\"2026-10-24T12:14:26+00:00\",\"description\":\"CSS nedir ve ne i\u015fe yarar? Se\u00e7iciler, renk, boyut ve kutu modeli ile web sayfan\u0131z\u0131 bi\u00e7imlendirmeyi \u00f6\u011frenin.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/css-nedir-temel-seciciler-stil.jpg\",\"contentUrl\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/css-nedir-temel-seciciler-stil.jpg\",\"width\":1200,\"height\":630,\"caption\":\"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/yk\\\/css-nedir-temel-seciciler-stil\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/www.yunuskaytan.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#website\",\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/\",\"name\":\"Yunus KAYTAN\",\"description\":\"Bili\u015fim, Siber G\u00fcvenlik, Siber Su\u00e7lar ve Sosyal M\u00fchendislik\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yunuskaytan.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#organization\",\"name\":\"Bili\u015fim, Siber G\u00fcvenlik, Siber Su\u00e7lar ve Sosyal M\u00fchendislik\",\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/cropped-BILISIM-VE-SIBER-GUVENLIK.png\",\"contentUrl\":\"https:\\\/\\\/www.yunuskaytan.com\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/cropped-BILISIM-VE-SIBER-GUVENLIK.png\",\"width\":400,\"height\":109,\"caption\":\"Bili\u015fim, Siber G\u00fcvenlik, Siber Su\u00e7lar ve Sosyal M\u00fchendislik\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yunuskaytan.com\\\/#\\\/schema\\\/person\\\/be66986fb499da83a5685de34f68d15a\",\"name\":\"yunuskaytan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g\",\"caption\":\"yunuskaytan\"},\"sameAs\":[\"http:\\\/\\\/www.yunuskaytan.com\"],\"url\":\"https:\\\/\\\/www.yunuskaytan.com\\\/en\\\/yk\\\/author\\\/yunuskaytan\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131 - Yunus KAYTAN","description":"CSS nedir ve ne i\u015fe yarar? Se\u00e7iciler, renk, boyut ve kutu modeli ile web sayfan\u0131z\u0131 bi\u00e7imlendirmeyi \u00f6\u011frenin.","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.yunuskaytan.com\/en\/yk\/css-nedir-temel-seciciler-stil\/","og_locale":"en_US","og_type":"article","og_title":"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131 - Yunus KAYTAN","og_description":"CSS nedir ve ne i\u015fe yarar? Se\u00e7iciler, renk, boyut ve kutu modeli ile web sayfan\u0131z\u0131 bi\u00e7imlendirmeyi \u00f6\u011frenin.","og_url":"https:\/\/www.yunuskaytan.com\/en\/yk\/css-nedir-temel-seciciler-stil\/","og_site_name":"Yunus KAYTAN","article_published_time":"2026-10-24T12:14:26+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/2026\/10\/css-nedir-temel-seciciler-stil.jpg","type":"image\/jpeg"}],"author":"yunuskaytan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yunuskaytan","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/#article","isPartOf":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/"},"author":{"name":"yunuskaytan","@id":"https:\/\/www.yunuskaytan.com\/#\/schema\/person\/be66986fb499da83a5685de34f68d15a"},"headline":"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131","datePublished":"2026-10-24T12:14:26+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/"},"wordCount":401,"commentCount":0,"publisher":{"@id":"https:\/\/www.yunuskaytan.com\/#organization"},"image":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/2026\/10\/css-nedir-temel-seciciler-stil.jpg","keywords":["css","se\u00e7iciler","stil","web tasar\u0131m"],"articleSection":["HTML ve CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/","url":"https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/","name":"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131 - Yunus KAYTAN","isPartOf":{"@id":"https:\/\/www.yunuskaytan.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/#primaryimage"},"image":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/#primaryimage"},"thumbnailUrl":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/2026\/10\/css-nedir-temel-seciciler-stil.jpg","datePublished":"2026-10-24T12:14:26+00:00","description":"CSS nedir ve ne i\u015fe yarar? Se\u00e7iciler, renk, boyut ve kutu modeli ile web sayfan\u0131z\u0131 bi\u00e7imlendirmeyi \u00f6\u011frenin.","breadcrumb":{"@id":"https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/#primaryimage","url":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/2026\/10\/css-nedir-temel-seciciler-stil.jpg","contentUrl":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/2026\/10\/css-nedir-temel-seciciler-stil.jpg","width":1200,"height":630,"caption":"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yunuskaytan.com\/yk\/css-nedir-temel-seciciler-stil\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.yunuskaytan.com\/"},{"@type":"ListItem","position":2,"name":"CSS Nedir? Temel Se\u00e7iciler ve Stil Yaz\u0131m\u0131"}]},{"@type":"WebSite","@id":"https:\/\/www.yunuskaytan.com\/#website","url":"https:\/\/www.yunuskaytan.com\/","name":"Yunus KAYTAN","description":"Information Technology, Cybersecurity, Cybercrimes and Social Engineering","publisher":{"@id":"https:\/\/www.yunuskaytan.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yunuskaytan.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.yunuskaytan.com\/#organization","name":"Information Technology, Cybersecurity, Cybercrimes and Social Engineering","url":"https:\/\/www.yunuskaytan.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.yunuskaytan.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/2021\/07\/cropped-BILISIM-VE-SIBER-GUVENLIK.png","contentUrl":"https:\/\/www.yunuskaytan.com\/wp-content\/uploads\/2021\/07\/cropped-BILISIM-VE-SIBER-GUVENLIK.png","width":400,"height":109,"caption":"Bili\u015fim, Siber G\u00fcvenlik, Siber Su\u00e7lar ve Sosyal M\u00fchendislik"},"image":{"@id":"https:\/\/www.yunuskaytan.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.yunuskaytan.com\/#\/schema\/person\/be66986fb499da83a5685de34f68d15a","name":"yunuskaytan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3caae7a5e52b2c1df0cbbb777ba7b421ad4777ac947e9320b5809e2d454ffdb4?s=96&d=mm&r=g","caption":"yunuskaytan"},"sameAs":["http:\/\/www.yunuskaytan.com"],"url":"https:\/\/www.yunuskaytan.com\/en\/yk\/author\/yunuskaytan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/posts\/10018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/comments?post=10018"}],"version-history":[{"count":1,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/posts\/10018\/revisions"}],"predecessor-version":[{"id":10037,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/posts\/10018\/revisions\/10037"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/media\/10017"}],"wp:attachment":[{"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/media?parent=10018"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/categories?post=10018"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yunuskaytan.com\/en\/wp-json\/wp\/v2\/tags?post=10018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}