{"id":133,"date":"2022-11-17T13:21:52","date_gmt":"2022-11-17T13:21:52","guid":{"rendered":"https:\/\/northsoft.co\/blog\/yazilar\/?p=133"},"modified":"2022-11-17T13:22:24","modified_gmt":"2022-11-17T13:22:24","slug":"css3-nedir","status":"publish","type":"post","link":"https:\/\/northsoft.co\/blog\/genel\/css3-nedir\/","title":{"rendered":"CSS3 Nedir?<\/strong>"},"content":{"rendered":"

CSS3, <\/em>CSS kodlama dilinin \u00fc\u00e7\u00fcnc\u00fc s\u00fcr\u00fcm\u00fcd\u00fcr. \u0130nternet sitelerine, \u00f6ny\u00fcz <\/strong>tasar\u0131mlar\u0131na g\u00f6rsel a\u00e7\u0131dan zenginlik kat\u0131lmas\u0131na imkan veren bir dil olarak bilinir. HTML<\/strong><\/a> dili taraf\u0131ndan s\u0131n\u0131rl\u0131 olarak sa\u011flanan g\u00f6r\u00fcn\u00fcmler, bu dil ile \u00e7ok daha g\u00fczel ve \u00f6zelle\u015ftirilebilir hale gelir.<\/p>\n

CSS3 Nedir? Ne \u0130\u015fe Yarar?<\/strong><\/h2>\n

CSS3; Cascading Style Sheets<\/em> ifadesinin ba\u015f harflerinden olu\u015fan kodlama dilinin \u00fc\u00e7\u00fcnc\u00fc s\u00fcr\u00fcm\u00fcd\u00fcr. Bu kodlama dili, direkt olarak stil<\/strong> ile ilgilidir. Zaten ad\u0131n\u0131 ald\u0131\u011f\u0131 ifadenin T\u00fcrk\u00e7esi Basamakl\u0131 Stil Sayfalar\u0131<\/em> \u015feklindedir.<\/p>\n

CSS, stil <\/strong>anlam\u0131nda \u00f6zg\u00fcrl\u00fck sa\u011flayan ve HTML s\u0131n\u0131rlar\u0131n\u0131 kald\u0131ran bir dil olma \u00f6zelli\u011fine sahiptir. Bu dilden \u00f6nce her bir HTML<\/strong> etiketi i\u00e7in ayr\u0131 bir stil sayfas\u0131 tan\u0131mlanmas\u0131 gerekirken, CSS ile birlikte s\u00f6z konusu problem ortadan kalkm\u0131\u015f ve tek bir dosya ile i\u00e7eriklerin \u015fekillendirilmesi m\u00fcmk\u00fcn hale gelmi\u015ftir. Bu dil ile yap\u0131lan tasar\u0131mlarda herhangi bir s\u0131n\u0131r yoktur ve ki\u015finin hayal g\u00fcc\u00fcyle olu\u015fturdu\u011fu tasar\u0131mlar, ger\u00e7e\u011fe d\u00f6n\u00fc\u015f\u00fcr.<\/p>\n

CSS3, web sitesi<\/strong> sayfalar\u0131na stil eklemek i\u00e7in harika bir y\u00f6ntem ve basit bir mekanizmad\u0131r. Bu mekanizma kullan\u0131larak stil, <\/strong>yani yaz\u0131 tipleri, bo\u015fluk, renkler ve benzeri unsurlar eklenebilir, de\u011fi\u015ftirilebilir.<\/p>\n

Bu s\u00fcr\u00fcm, daha \u00f6ncekilerin devam\u0131 niteli\u011findedir. Ancak bu s\u00fcr\u00fcmle birlikte \u00e7ok say\u0131da yeni \u00f6zellik de gelmi\u015ftir. Box-shadow, media-queries, text-shadow, transform, transition ve translate gibi gelen \u00f6zellikler, g\u00f6rsel a\u00e7\u0131dan tasar\u0131mc\u0131lar\u0131 daha da g\u00fc\u00e7lendirmi\u015f ve \u00f6zg\u00fcrle\u015ftirmi\u015ftir.<\/p>\n

CSS3 Avantajlar\u0131<\/strong><\/h2>\n

CSS3 kodlama dili, \u00f6ny\u00fcz <\/strong>ve web sitesi sayfalar\u0131n\u0131n tasar\u0131m\u0131nda \u00e7ok \u00f6nemli avantajlar sa\u011flar. CSS3<\/em> avantajlar\u0131<\/em> \u015fu \u015fekildedir:<\/p>\n

    \n
  • \u00c7evrimi\u00e7i videolar\u0131n, \u00fc\u00e7\u00fcnc\u00fc parti eklenti veya program kullan\u0131lmadan g\u00f6r\u00fcnt\u00fclenmesine imkan verir.<\/li>\n
  • \u0130nternet sitelerindeki gezinme \u00f6\u011felerinin do\u011fru ve tutarl\u0131 olarak konumland\u0131r\u0131lmas\u0131n\u0131 sa\u011flar.<\/li>\n
  • Kullan\u0131c\u0131 deneyimini art\u0131r\u0131r.<\/li>\n
  • Sunucular\u0131n geni\u015f bant internet ihtiya\u00e7lar\u0131n\u0131n azalmas\u0131n\u0131 sa\u011flar ve web sitelerinin h\u0131zl\u0131 bir \u015fekilde a\u00e7\u0131lmas\u0131na katk\u0131 verir.<\/li>\n
  • Web sitelerinin \u00f6zelle\u015ftirilmesine imkan verir. Yap\u0131lacak de\u011fi\u015fiklikler mod\u00fcler bir dosyan\u0131n de\u011fi\u015ftirilmesiyle yap\u0131labilir.<\/li>\n
  • \u00c7evrimi\u00e7i sayfalar\u0131n etkili bir \u015fekilde tasarlanmas\u0131n\u0131 sa\u011flayarak, marka kimli\u011fi olu\u015fturulmas\u0131na ve marka bilinirli\u011finin art\u0131r\u0131lmas\u0131na katk\u0131 verir.<\/li>\n<\/ul>\n

    S\u00f6z konusu kodlama dilinin avantajlar\u0131ndan baz\u0131lar\u0131 bu \u015fekildedir. CSS3<\/em> i\u00e7in ciddi bir uzmanl\u0131k ve deneyim gerekti\u011fi unutulmamal\u0131d\u0131r.<\/p>\n","protected":false},"excerpt":{"rendered":"

    CSS3, CSS kodlama dilinin \u00fc\u00e7\u00fcnc\u00fc s\u00fcr\u00fcm\u00fcd\u00fcr. \u0130nternet sitelerine, \u00f6ny\u00fcz tasar\u0131mlar\u0131na g\u00f6rsel a\u00e7\u0131dan zenginlik kat\u0131lmas\u0131na imkan veren bir dil olarak bilinir. HTML dili taraf\u0131ndan s\u0131n\u0131rl\u0131 olarak sa\u011flanan g\u00f6r\u00fcn\u00fcmler, bu dil ile \u00e7ok daha g\u00fczel ve \u00f6zelle\u015ftirilebilir hale gelir. CSS3 Nedir? Ne \u0130\u015fe Yarar? CSS3; Cascading Style Sheets ifadesinin ba\u015f harflerinden olu\u015fan kodlama dilinin \u00fc\u00e7\u00fcnc\u00fc s\u00fcr\u00fcm\u00fcd\u00fcr. Bu […]<\/p>\n","protected":false},"author":1,"featured_media":134,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-133","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/comments?post=133"}],"version-history":[{"count":1,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/133\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/posts\/133\/revisions\/135"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/media\/134"}],"wp:attachment":[{"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/media?parent=133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/categories?post=133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/northsoft.co\/blog\/wp-json\/wp\/v2\/tags?post=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}