{"id":3494,"date":"2020-01-07T05:05:32","date_gmt":"2020-01-07T02:05:32","guid":{"rendered":"https:\/\/www.lf.com.tr\/?p=3494"},"modified":"2020-01-12T12:23:10","modified_gmt":"2020-01-12T09:23:10","slug":"css-nedir-ne-ise-yarar","status":"publish","type":"post","link":"https:\/\/www.lf.com.tr\/tr\/css-nedir-ne-ise-yarar\/","title":{"rendered":"CSS Nedir? Ne \u0130\u015fe Yarar?"},"content":{"rendered":"

CSS yani Cascading Style Sheeets internet sayfalar\u0131m\u0131zdaki g\u00f6rselli\u011fe dair yap\u0131lar\u0131 d\u00fczenleyebilmemize olanak sa\u011flayan bir dildir. Sayfa i\u00e7erisinde bulunan fontlar, arka planlar ya da butonlar CSS ile d\u00fczenlenebilir, renkleri, boyutlar\u0131, \u00f6zellik ve konumlar\u0131 ayarlanabilir. K\u0131saca sitenin g\u00f6rselle\u015ftirilmesi i\u00e7in \u00f6nemli bir dildir diyebiliriz.<\/p>\n

CSS Ne \u0130\u015fe Yarar?<\/strong><\/span><\/h2>\n

Yukar\u0131da bahsetti\u011fimiz tan\u0131mdan da anla\u015f\u0131laca\u011f\u0131 \u00fczere web sayfalar\u0131m\u0131z\u0131n g\u00f6r\u00fcn\u00fcmlerini, stillerini CSS ile d\u00fczenleyebiliyoruz. \u00d6rne\u011fin herhangi bir yere buton eklemek istersek, farkl\u0131 yerlerde formlar olu\u015fturmak istersek ya da sayfam\u0131zdaki g\u00f6r\u00fcn\u00fcmlere g\u00f6lge katmak istersek CSS\u2019i kullanmam\u0131z gerekiyor. Peki HTML kullanmak yeterli de\u011fil midir? \u0130lla CSS kullan\u0131lmal\u0131 m\u0131? Diye sordu\u011funuzu duyar gibiyiz.<\/p>\n

 <\/p>\n

Bir \u00f6nceki \u201cHTML Nedir<\/a>\u201d yaz\u0131m\u0131zda da bahsetti\u011fimiz gibi; HTML bir web sitesinin iskelet sistemi iken CSS daha \u00e7ok o iskeletin \u00fczerinde g\u00f6rd\u00fc\u011f\u00fcm\u00fcz d\u0131\u015f g\u00f6r\u00fcn\u00fcmd\u00fcr. Daha \u00e7ok d\u0131\u015f g\u00f6r\u00fcn\u00fcm \u00f6zellikleri ile ilgili \u00e7al\u0131\u015f\u0131lan CSS, kurulan HTML sisteminin yap\u0131s\u0131n\u0131, stilini ve g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc belirleyecektir.<\/p>\n

 <\/p>\n

CSS Kullanman\u0131n Yararlar\u0131<\/strong><\/span><\/h3>\n
    \n
  • Web sitenizdeki bir g\u00f6r\u00fcn\u00fcm\u00fc de\u011fi\u015ftirdi\u011finizde bu \u00f6genin \u00f6zelliklerini tekrar kullanabilirsiniz.<\/li>\n
  • Ayn\u0131 \u00f6geler \u00fczerinde farkl\u0131 \u00f6zellikler uygulayabilirsiniz.<\/li>\n
  • Farkl\u0131 \u00f6gelerdeki \u00f6zelikleri ayn\u0131 CSS kodunda belirterek web sitenizin boyutunu d\u00fc\u015f\u00fcrmenizi sa\u011flayabilirsiniz.<\/li>\n
  • Farkl\u0131 arama motorlar\u0131 ya da mobil, masa\u00fcst\u00fc uygulamalar\u0131 i\u00e7in farkl\u0131 g\u00f6r\u00fcn\u00fcmler yaratabilirsiniz.<\/li>\n<\/ul>\n

    CSS Nas\u0131l Kullan\u0131l\u0131r?<\/strong><\/span><\/h2>\n

    \"\"<\/p>\n

     <\/p>\n

    Bir taray\u0131c\u0131 a\u00e7\u0131ld\u0131\u011f\u0131 zaman CSS ile belirtilen stiller okunur ve HTML \u00f6geleri buna g\u00f6re \u015fekillenir. CSS kullanarak \u00fc\u00e7 \u015fekilde sayfalar\u0131m\u0131za stil ekleyebiliriz;<\/p>\n

      \n
    • Sayfa stillerini CSS dosyas\u0131 i\u00e7inden \u00e7a\u011f\u0131rmak<\/li>\n
    • HTML sayfas\u0131na CSS yazmak<\/li>\n
    • HTML \u00f6gesi i\u00e7erisinde stilleri belirtmek<\/li>\n<\/ul>\n

      Sayfa Stillerini CSS Dosyas\u0131ndan \u00c7a\u011f\u0131rmak\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/strong><\/span><\/h3>\n

       <\/p>\n

      \"\"<\/strong>
      \n\u0130lk yapman\u0131z gereken bir CSS d\u00fczenleyici ya da not defteri a\u00e7mak. Daha sonra buraya CSS kodlar\u0131n\u0131z\u0131 kod yap\u0131s\u0131na uygun olarak yazmal\u0131 ve kaydetmelisiniz. Sonras\u0131nda HTML sayfas\u0131nda <head> ile <\/head> aras\u0131na stil dosyan\u0131z\u0131n ad\u0131n\u0131 belirtin:<\/p>\n

       <\/p>\n

      href= \u201cdosya_adi\u201d ile belirlenen yerde bizim kaydetti\u011fimiz dosya ad\u0131 bulunmal\u0131. Ayr\u0131ca HTML sayfas\u0131 ile CSS dosyas\u0131n\u0131n ayn\u0131 klas\u00f6rde bulunmas\u0131na da dikkat etmelisiniz. Bu \u015fekilde CSS dosyam\u0131z HTML sayfas\u0131na ba\u011flanm\u0131\u015f olur. Bundan sonra CSS dosyas\u0131na yazaca\u011f\u0131n\u0131z stilleri HTML sayfas\u0131nda g\u00f6n\u00fcl rahatl\u0131\u011f\u0131 ile kullanabilirsiniz.<\/p>\n

       <\/p>\n

      HTML Sayfas\u0131nda CSS Yazmak<\/strong><\/span><\/h3>\n

       <\/p>\n

      \"\"<\/p>\n

       <\/p>\n

      HTML sayfam\u0131zda bulunan head elementlerinin aras\u0131na \u201cstyle\u201d etiketi kullanarak da stiller olu\u015fturmam\u0131z m\u00fcmk\u00fcn. \u00d6rne\u011fin;<\/p>\n

       <\/p>\n

      Bu y\u00f6ntem sayesinde d\u0131\u015far\u0131dan bir CSS dosyas\u0131na ba\u011fl\u0131 kalmadan belirtilen stilleri kullanabiliriz.<\/p>\n

       <\/p>\n

      HTML \u00d6gesi \u0130\u00e7erisinde Stilleri Belirtmek<\/strong><\/span><\/h3>\n

       <\/p>\n

      \"\"<\/p>\n

       <\/p>\n

      Bazen web kodlamalar\u0131nda herhangi bir stil dosyas\u0131 kullanmadan ya da \u201cstyle\u201d etiketi olmadan h\u0131zl\u0131 d\u00fczenlemeler yap\u0131lmak istenebilir. Bu gibi durumlarda her \u00f6genin style=\u201d\u201d \u00f6zelli\u011fini kullanmak do\u011fru bir i\u015flem olacakt\u0131r. Bu y\u00f6ntemi kullan\u0131rken CSS kodlar\u0131 \u00f6geler i\u00e7inde a\u00e7\u0131lan \u201cstyle\u201d\u00a0 \u00f6zelli\u011fi ile s\u0131ralan\u0131r:<\/p>\n

       <\/p>\n

       <\/p>\n

      En \u00c7ok Kullan\u0131lan CSS Etiketleri ve Anlamlar\u0131<\/strong><\/span><\/h2>\n
        \n
      • Float:<\/strong>\u00a0Kullan\u0131lacak \u00f6genin sayfa i\u00e7erisinde konumunu belirtir.<\/li>\n
      • Position:<\/strong>\u00a0Yine sayfa i\u00e7erisinde \u00f6gelerin konumundan sorumlu olan bu etiket float\u2019\u0131n aksine \u00f6gelerin daha esnek konumlanmalar\u0131na imkan sa\u011flar.<\/li>\n
      • Height:<\/strong>\u00a0Olu\u015fturulan \u00f6genin uzunlu\u011funu belirler.<\/li>\n
      • Width:<\/strong>\u00a0Olu\u015fturulan \u00f6genin geni\u015fli\u011fini belirler.<\/li>\n
      • Background:<\/strong>\u00a0\u00d6gelerin arka plan \u00f6zelliklerini belirlemede kullan\u0131l\u0131r.<\/li>\n
      • Font-size:\u00a0<\/strong>Sayfadaki yaz\u0131lar\u0131n b\u00fcy\u00fckl\u00fc\u011f\u00fcn\u00fc belirler.<\/li>\n
      • Margin:<\/strong>\u00a0Olu\u015fturulan \u00f6gelerin d\u0131\u015far\u0131lar\u0131ndan bo\u015fluk verebilmek i\u00e7in kullan\u0131l\u0131r.<\/li>\n
      • Padding:<\/strong>\u00a0\u00d6gelerin i\u00e7erilerine bo\u015fluk vermek i\u00e7in kullan\u0131l\u0131r.<\/li>\n
      • Color:<\/strong>\u00a0Sayfadaki yaz\u0131lar\u0131n renklerinin belirlenmesinde kullan\u0131l\u0131r.<\/li>\n
      • Font-family:\u00a0<\/strong>Sayfadaki yaz\u0131 tiplerini belirlemede kullan\u0131l\u0131r.<\/li>\n
      • Text-align:<\/strong>\u00a0Sayfadaki yaz\u0131lar\u0131n \u00f6geler i\u00e7indeki konumlar\u0131n\u0131 belirlemede kullan\u0131l\u0131r.<\/li>\n
      • Display:<\/strong>\u00a0Sayfadaki \u00f6gelerin g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fcn\u00fc ayarlamada kullan\u0131l\u0131r.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"

        CSS yani Cascading Style Sheeets internet sayfalar\u0131m\u0131zdaki g\u00f6rselli\u011fe dair yap\u0131lar\u0131 d\u00fczenleyebilmemize olanak sa\u011flayan bir dildir. Sayfa i\u00e7erisinde bulunan fontlar, arka planlar ya da butonlar CSS ile d\u00fczenlenebilir, renkleri, boyutlar\u0131, \u00f6zellik ve konumlar\u0131 ayarlanabilir. K\u0131saca sitenin g\u00f6rselle\u015ftirilmesi i\u00e7in \u00f6nemli bir dildir diyebiliriz. CSS Ne \u0130\u015fe Yarar? Yukar\u0131da bahsetti\u011fimiz tan\u0131mdan da anla\u015f\u0131laca\u011f\u0131 \u00fczere web sayfalar\u0131m\u0131z\u0131n g\u00f6r\u00fcn\u00fcmlerini, stillerini…<\/p>","protected":false},"author":1,"featured_media":4124,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3494","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_head":"\nCSS Nedir? Ne \u0130\u015fe Yarar? - LF Dijital - Google Kocaeli - Web Tasar\u0131m - Yaz\u0131l\u0131m - Dijital Pazarlama - SEO<\/title>\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.lf.com.tr\/tr\/css-nedir-ne-ise-yarar\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Nedir? Ne \u0130\u015fe Yarar? - LF Dijital - Google Kocaeli - Web Tasar\u0131m - Yaz\u0131l\u0131m - Dijital Pazarlama - SEO\" \/>\n<meta property=\"og:description\" content=\"CSS yani Cascading Style Sheeets internet sayfalar\u0131m\u0131zdaki g\u00f6rselli\u011fe dair yap\u0131lar\u0131 d\u00fczenleyebilmemize olanak sa\u011flayan bir dildir. Sayfa i\u00e7erisinde bulunan fontlar, arka planlar ya da butonlar CSS ile d\u00fczenlenebilir, renkleri, boyutlar\u0131, \u00f6zellik ve konumlar\u0131 ayarlanabilir. K\u0131saca sitenin g\u00f6rselle\u015ftirilmesi i\u00e7in \u00f6nemli bir dildir diyebiliriz. CSS Ne \u0130\u015fe Yarar? Yukar\u0131da bahsetti\u011fimiz tan\u0131mdan da anla\u015f\u0131laca\u011f\u0131 \u00fczere web sayfalar\u0131m\u0131z\u0131n g\u00f6r\u00fcn\u00fcmlerini, stillerini...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lf.com.tr\/tr\/css-nedir-ne-ise-yarar\/\" \/>\n<meta property=\"og:site_name\" content=\"LF Dijital - Google Kocaeli - Web Tasar\u0131m - Yaz\u0131l\u0131m - Dijital Pazarlama - SEO\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-07T02:05:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-12T09:23:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lf.com.tr\/wp-content\/uploads\/2020\/01\/lf_site-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"lfdigital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"lfdigital\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/\"},\"author\":{\"name\":\"lfdigital\",\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/#\\\/schema\\\/person\\\/f01d2cc7ecbefa065757f1c757ef2457\"},\"headline\":\"CSS Nedir? Ne \u0130\u015fe Yarar?\",\"datePublished\":\"2020-01-07T02:05:32+00:00\",\"dateModified\":\"2020-01-12T09:23:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/\"},\"wordCount\":683,\"image\":{\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lf.com.tr\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/lf_site-1.jpg\",\"articleSection\":[\"Blog\"],\"inLanguage\":\"tr\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/\",\"url\":\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/\",\"name\":\"CSS Nedir? Ne \u0130\u015fe Yarar? - LF Dijital - Google Kocaeli - Web Tasar\u0131m - Yaz\u0131l\u0131m - Dijital Pazarlama - SEO\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lf.com.tr\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/lf_site-1.jpg\",\"datePublished\":\"2020-01-07T02:05:32+00:00\",\"dateModified\":\"2020-01-12T09:23:10+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/#\\\/schema\\\/person\\\/f01d2cc7ecbefa065757f1c757ef2457\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.lf.com.tr\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/lf_site-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.lf.com.tr\\\/wp-content\\\/uploads\\\/2020\\\/01\\\/lf_site-1.jpg\",\"width\":400,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/css-nedir-ne-ise-yarar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Ana sayfa\",\"item\":\"https:\\\/\\\/www.lf.com.tr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS Nedir? Ne \u0130\u015fe Yarar?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/#website\",\"url\":\"https:\\\/\\\/www.lf.com.tr\\\/\",\"name\":\"LF Dijital - Google Kocaeli - Web Tasar\u0131m - Yaz\u0131l\u0131m - Dijital Pazarlama - SEO\",\"description\":\"Kocaeli web tasar\u0131m firmalar\u0131\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.lf.com.tr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.lf.com.tr\\\/#\\\/schema\\\/person\\\/f01d2cc7ecbefa065757f1c757ef2457\",\"name\":\"lfdigital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d6d1d054ded44c6b71c5ad207ee6ab9769ab199182963c14fbd52da73676c654?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d6d1d054ded44c6b71c5ad207ee6ab9769ab199182963c14fbd52da73676c654?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d6d1d054ded44c6b71c5ad207ee6ab9769ab199182963c14fbd52da73676c654?s=96&d=mm&r=g\",\"caption\":\"lfdigital\"},\"url\":\"https:\\\/\\\/www.lf.com.tr\\\/tr\\\/author\\\/lfdigital\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS Nedir? Ne \u0130\u015fe Yarar? - LF Dijital - Google Kocaeli - Web Tasar\u0131m - Yaz\u0131l\u0131m - Dijital Pazarlama - SEO","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.lf.com.tr\/tr\/css-nedir-ne-ise-yarar\/","og_locale":"tr_TR","og_type":"article","og_title":"CSS Nedir? Ne \u0130\u015fe Yarar? - LF Dijital - Google Kocaeli - Web Tasar\u0131m - Yaz\u0131l\u0131m - Dijital Pazarlama - SEO","og_description":"CSS yani Cascading Style Sheeets internet sayfalar\u0131m\u0131zdaki g\u00f6rselli\u011fe dair yap\u0131lar\u0131 d\u00fczenleyebilmemize olanak sa\u011flayan bir dildir. Sayfa i\u00e7erisinde bulunan fontlar, arka planlar ya da butonlar CSS ile d\u00fczenlenebilir, renkleri, boyutlar\u0131, \u00f6zellik ve konumlar\u0131 ayarlanabilir. K\u0131saca sitenin g\u00f6rselle\u015ftirilmesi i\u00e7in \u00f6nemli bir dildir diyebiliriz. CSS Ne \u0130\u015fe Yarar? Yukar\u0131da bahsetti\u011fimiz tan\u0131mdan da anla\u015f\u0131laca\u011f\u0131 \u00fczere web sayfalar\u0131m\u0131z\u0131n g\u00f6r\u00fcn\u00fcmlerini, stillerini...","og_url":"https:\/\/www.lf.com.tr\/tr\/css-nedir-ne-ise-yarar\/","og_site_name":"LF Dijital - Google Kocaeli - Web Tasar\u0131m - Yaz\u0131l\u0131m - Dijital Pazarlama - SEO","article_published_time":"2020-01-07T02:05:32+00:00","article_modified_time":"2020-01-12T09:23:10+00:00","og_image":[{"width":400,"height":300,"url":"https:\/\/www.lf.com.tr\/wp-content\/uploads\/2020\/01\/lf_site-1.jpg","type":"image\/jpeg"}],"author":"lfdigital","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"lfdigital","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/#article","isPartOf":{"@id":"https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/"},"author":{"name":"lfdigital","@id":"https:\/\/www.lf.com.tr\/#\/schema\/person\/f01d2cc7ecbefa065757f1c757ef2457"},"headline":"CSS Nedir? Ne \u0130\u015fe Yarar?","datePublished":"2020-01-07T02:05:32+00:00","dateModified":"2020-01-12T09:23:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/"},"wordCount":683,"image":{"@id":"https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lf.com.tr\/wp-content\/uploads\/2020\/01\/lf_site-1.jpg","articleSection":["Blog"],"inLanguage":"tr"},{"@type":"WebPage","@id":"https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/","url":"https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/","name":"CSS Nedir? Ne \u0130\u015fe Yarar? - LF Dijital - Google Kocaeli - Web Tasar\u0131m - Yaz\u0131l\u0131m - Dijital Pazarlama - SEO","isPartOf":{"@id":"https:\/\/www.lf.com.tr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/#primaryimage"},"image":{"@id":"https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lf.com.tr\/wp-content\/uploads\/2020\/01\/lf_site-1.jpg","datePublished":"2020-01-07T02:05:32+00:00","dateModified":"2020-01-12T09:23:10+00:00","author":{"@id":"https:\/\/www.lf.com.tr\/#\/schema\/person\/f01d2cc7ecbefa065757f1c757ef2457"},"breadcrumb":{"@id":"https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/#primaryimage","url":"https:\/\/www.lf.com.tr\/wp-content\/uploads\/2020\/01\/lf_site-1.jpg","contentUrl":"https:\/\/www.lf.com.tr\/wp-content\/uploads\/2020\/01\/lf_site-1.jpg","width":400,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/www.lf.com.tr\/css-nedir-ne-ise-yarar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Ana sayfa","item":"https:\/\/www.lf.com.tr\/"},{"@type":"ListItem","position":2,"name":"CSS Nedir? Ne \u0130\u015fe Yarar?"}]},{"@type":"WebSite","@id":"https:\/\/www.lf.com.tr\/#website","url":"https:\/\/www.lf.com.tr\/","name":"LF Dijital - Google Kocaeli - Web Tasar\u0131m - Yaz\u0131l\u0131m - Dijital Pazarlama - SEO","description":"Kocaeli web tasar\u0131m firmalar\u0131","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lf.com.tr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Person","@id":"https:\/\/www.lf.com.tr\/#\/schema\/person\/f01d2cc7ecbefa065757f1c757ef2457","name":"lfdigital","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/secure.gravatar.com\/avatar\/d6d1d054ded44c6b71c5ad207ee6ab9769ab199182963c14fbd52da73676c654?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d6d1d054ded44c6b71c5ad207ee6ab9769ab199182963c14fbd52da73676c654?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d6d1d054ded44c6b71c5ad207ee6ab9769ab199182963c14fbd52da73676c654?s=96&d=mm&r=g","caption":"lfdigital"},"url":"https:\/\/www.lf.com.tr\/tr\/author\/lfdigital\/"}]}},"_links":{"self":[{"href":"https:\/\/www.lf.com.tr\/tr\/wp-json\/wp\/v2\/posts\/3494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lf.com.tr\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lf.com.tr\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lf.com.tr\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lf.com.tr\/tr\/wp-json\/wp\/v2\/comments?post=3494"}],"version-history":[{"count":0,"href":"https:\/\/www.lf.com.tr\/tr\/wp-json\/wp\/v2\/posts\/3494\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lf.com.tr\/tr\/wp-json\/wp\/v2\/media\/4124"}],"wp:attachment":[{"href":"https:\/\/www.lf.com.tr\/tr\/wp-json\/wp\/v2\/media?parent=3494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lf.com.tr\/tr\/wp-json\/wp\/v2\/categories?post=3494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lf.com.tr\/tr\/wp-json\/wp\/v2\/tags?post=3494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}