Web geli\u015ftirme d\u00fcnyas\u0131, her ge\u00e7en g\u00fcn yeni ara\u00e7lar, k\u00fct\u00fcphaneler ve \u00e7er\u00e7evelerle zenginle\u015fmeye devam ediyor. Bu dinamik ortamda, kullan\u0131c\u0131 aray\u00fcz\u00fc (UI) tasar\u0131m ve geli\u015ftirme s\u00fcre\u00e7lerini k\u00f6kten de\u011fi\u015ftiren bir ara\u00e7 olarak Tailwind CSS \u00f6ne \u00e7\u0131k\u0131yor. Geleneksel CSS yaz\u0131m yakla\u015f\u0131mlar\u0131na meydan okuyan ve “utility-first” (\u00f6nce yard\u0131mc\u0131 s\u0131n\u0131f) felsefesiyle \u00e7al\u0131\u015fan Tailwind CSS, geli\u015ftiricilere daha h\u0131zl\u0131, daha esnek ve daha s\u00fcrd\u00fcr\u00fclebilir bir stil olu\u015fturma deneyimi sunuyor. Bu makalede, Tailwind CSS’in ne oldu\u011funu, neden ortaya \u00e7\u0131kt\u0131\u011f\u0131n\u0131, temel felsefesini, avantajlar\u0131n\u0131, dezavantajlar\u0131n\u0131, kurulumunu ve modern web geli\u015ftirme ekosistemindeki yerini detayl\u0131 bir \u015fekilde inceleyece\u011fiz. Amac\u0131m\u0131z, Tailwind CSS’i anlamak ve onu projelerinizde nas\u0131l etkin bir \u015fekilde kullanabilece\u011finizi g\u00f6stermektir.<\/p>\n
Web’in ilk y\u0131llar\u0131ndan bu yana, stil olu\u015fturma s\u00fcre\u00e7leri \u00f6nemli evrimler ge\u00e7irdi. Ba\u015flang\u0131\u00e7ta inline stiller ve dahili stil sayfalar\u0131 kullan\u0131l\u0131rken, zamanla harici CSS dosyalar\u0131 standart haline geldi. Ancak, b\u00fcy\u00fck ve karma\u015f\u0131k projelerde saf CSS ile \u00e7al\u0131\u015fmak beraberinde bir\u00e7ok zorlu\u011fu getirdi:<\/p>\n
Sass, Less ve Stylus gibi CSS \u00f6n i\u015flemcileri, de\u011fi\u015fkenler, mixin’ler, i\u00e7 i\u00e7e kurallar ve fonksiyonlar gibi \u00f6zellikler sunarak CSS yaz\u0131m\u0131n\u0131 daha mod\u00fcler ve y\u00f6netilebilir hale getirdi. Ancak bu ara\u00e7lar, yine de geli\u015ftiricilerin b\u00fcy\u00fck CSS dosyalar\u0131 olu\u015fturmas\u0131na ve stil \u00e7at\u0131\u015fmalar\u0131yla u\u011fra\u015fmas\u0131na engel olamad\u0131.<\/p>\n
Bu sorunlar\u0131 hafifletmek i\u00e7in BEM (Block, Element, Modifier), OOCSS (Object-Oriented CSS) ve SMACSS (Scalable and Modular Architecture for CSS) gibi metodolojiler ortaya \u00e7\u0131kt\u0131. Bu metodolojiler, s\u0131n\u0131f adland\u0131rma kurallar\u0131 ve yap\u0131sal yakla\u015f\u0131mlar sunarak CSS kod taban\u0131n\u0131n d\u00fczenini iyile\u015ftirmeyi ama\u00e7lad\u0131. Ancak, kat\u0131 adland\u0131rma kurallar\u0131 ve soyutlama seviyeleri bazen \u00f6\u011frenme e\u011frisini art\u0131rabilir ve geli\u015ftirme s\u00fcrecini yava\u015flatabilir. \u00d6rne\u011fin, BEM’in uzun s\u0131n\u0131f adlar\u0131 HTML’i okunaks\u0131z hale getirebilirken, OOCSS’in soyutlamas\u0131 bazen belirli bir bile\u015fenin stilini bulmay\u0131 zorla\u015ft\u0131rabilir.<\/p>\n
Bootstrap, Foundation gibi pop\u00fcler CSS \u00e7er\u00e7eveleri, \u00f6nceden tasarlanm\u0131\u015f bile\u015fenler ve geni\u015f bir stil k\u00fct\u00fcphanesi sunarak h\u0131zl\u0131 prototipleme ve tutarl\u0131 bir tasar\u0131m dili sa\u011flad\u0131. Ancak bu \u00e7er\u00e7eveler, genellikle projenin gereksinim duymad\u0131\u011f\u0131 bir\u00e7ok stili de beraberinde getirerek dosya boyutunu art\u0131r\u0131r (bloat). Ayr\u0131ca, varsay\u0131lan tasar\u0131mlar\u0131 olduk\u00e7a belirgin oldu\u011fundan, \u00f6zg\u00fcn bir g\u00f6r\u00fcn\u00fcm elde etmek i\u00e7in yo\u011fun \u00f6zelle\u015ftirme gerektirirler ki bu da bazen varsay\u0131lan \u00e7er\u00e7eveyi kullanmaktan daha fazla i\u015f y\u00fck\u00fc anlam\u0131na gelebilir. Bu durum, “her Bootstrap sitesi birbirine benziyor” ele\u015ftirisine yol a\u00e7m\u0131\u015ft\u0131r.<\/p>\n
Geleneksel yakla\u015f\u0131mlar\u0131n ortak bir sorunu, stilin HTML yap\u0131s\u0131ndan ayr\u0131 tutulmas\u0131 felsefesidir. Bu felsefe, teoride mant\u0131kl\u0131 olsa da pratikte s\u00fcrekli olarak HTML ve CSS dosyalar\u0131 aras\u0131nda ge\u00e7i\u015f yapmay\u0131 gerektirir. Bu “ba\u011flam de\u011fi\u015ftirme” (context switching), geli\u015ftirme verimlili\u011fini d\u00fc\u015f\u00fcrebilir ve k\u00fc\u00e7\u00fck bir stil de\u011fi\u015fikli\u011finin bile t\u00fcm projeyi etkileyebilece\u011fi global kapsam sorunlar\u0131na yol a\u00e7abilir. \u0130\u015fte Tailwind CSS, tam da bu noktada devreye girerek bu zorluklara yepyeni bir \u00e7\u00f6z\u00fcm sunar.<\/p>\n
Tailwind CSS, bir CSS \u00e7er\u00e7evesi olmaktan \u00f6te, “utility-first” (\u00f6nce yard\u0131mc\u0131 s\u0131n\u0131f) bir CSS k\u00fct\u00fcphanesidir. Geleneksel \u00e7er\u00e7evelerin aksine, Tailwind size \u00f6nceden tasarlanm\u0131\u015f bile\u015fenler (d\u00fc\u011fmeler, kartlar, navigasyon \u00e7ubuklar\u0131 vb.) sunmaz. Bunun yerine, her biri tek bir CSS \u00f6zelli\u011fine kar\u015f\u0131l\u0131k gelen binlerce k\u00fc\u00e7\u00fck, tek kullan\u0131ml\u0131k “yard\u0131mc\u0131 s\u0131n\u0131f” (utility class) sa\u011flar. \u00d6rne\u011fin, Tailwind’in temel amac\u0131, geli\u015ftiricilerin do\u011frudan HTML i\u015faretlemesi i\u00e7inde stil olu\u015fturmas\u0131n\u0131 sa\u011flamakt\u0131r. Bu, CSS dosyalar\u0131na neredeyse hi\u00e7 dokunmadan veya \u00e7ok az dokunarak tamamen \u00f6zel tasar\u0131mlar olu\u015fturabilece\u011finiz anlam\u0131na gelir. Bile\u015fenleri yeniden kullanmak istedi\u011finizde, React, Vue gibi modern JavaScript \u00e7er\u00e7evelerinin bile\u015fen yap\u0131s\u0131n\u0131 veya Tailwind’in Tailwind CSS’i di\u011fer CSS \u00e7er\u00e7evelerinden ay\u0131ran en temel \u00f6zellik, “utility-first” felsefesidir. Bu felsefe, stil olu\u015fturma \u015feklinizi k\u00f6kten de\u011fi\u015ftirir ve belirli prensiplere dayan\u0131r.<\/p>\n Tailwind’in kalbinde, her biri belirli bir CSS \u00f6zelli\u011fini veya \u00f6zellik setini temsil eden atomik s\u0131n\u0131flar bulunur. Bu s\u0131n\u0131flar, genellikle tek bir amaca hizmet eder ve \u00f6ng\u00f6r\u00fclebilir bir adland\u0131rma \u015femas\u0131na sahiptir. \u00d6rne\u011fin: Bu s\u0131n\u0131flar do\u011frudan HTML elementlerine uygulan\u0131r. Bu sayede, stil tan\u0131mlamalar\u0131 do\u011frudan elementin kendisinde g\u00f6r\u00fcn\u00fcr hale gelir ve hangi stilin nereden geldi\u011fini anlamak i\u00e7in farkl\u0131 dosyalara g\u00f6z atmaya gerek kalmaz.<\/p>\n Tailwind ile \u00e7al\u0131\u015f\u0131rken, genellikle ayr\u0131 bir CSS dosyas\u0131na ge\u00e7i\u015f yapma ihtiyac\u0131 duymazs\u0131n\u0131z. T\u00fcm stil de\u011fi\u015fiklikleri ve eklemeler, do\u011frudan HTML elementlerinin Tailwind CSS, kutudan \u00e7\u0131kt\u0131\u011f\u0131nda kapsaml\u0131 ve tutarl\u0131 bir varsay\u0131lan tasar\u0131m sistemiyle gelir. Bu sistem, renk paletleri, yaz\u0131 tipleri, bo\u015fluklar, g\u00f6lgeler, k\u0131r\u0131lma noktalar\u0131 (breakpoints) ve daha fazlas\u0131 i\u00e7in \u00f6nceden tan\u0131mlanm\u0131\u015f de\u011ferler i\u00e7erir. Bu sayede, projenize tutarl\u0131 bir g\u00f6r\u00fcn\u00fcm ve his kazand\u0131rmak i\u00e7in s\u0131f\u0131rdan tasar\u0131m kararlar\u0131 almak zorunda kalmazs\u0131n\u0131z. \u00d6rne\u011fin, t\u00fcm bo\u015fluk s\u0131n\u0131flar\u0131 (padding, margin) standart bir \u00f6l\u00e7eklendirme sistemine (0.25rem, 0.5rem, 1rem vb.) dayan\u0131r. Bu varsay\u0131lan sistem, Tailwind’in en b\u00fcy\u00fck avantajlar\u0131ndan biri, nihai \u00fcretim CSS dosyas\u0131n\u0131n boyutunun olduk\u00e7a k\u00fc\u00e7\u00fck olmas\u0131d\u0131r. Geli\u015ftirme a\u015famas\u0131nda, Tailwind t\u00fcm yard\u0131mc\u0131 s\u0131n\u0131flar\u0131n\u0131 (binlerce s\u0131n\u0131f) i\u00e7eren b\u00fcy\u00fck bir CSS dosyas\u0131 olu\u015fturabilir. Ancak, \u00fcretim derlemesi s\u0131ras\u0131nda PurgeCSS (veya Tailwind’in yerle\u015fik JIT\/PostCSS optimizasyonlar\u0131), HTML \u015fablonlar\u0131n\u0131zda, JavaScript dosyalar\u0131n\u0131zda ve di\u011fer kaynaklar\u0131n\u0131zda kullan\u0131lmayan t\u00fcm yard\u0131mc\u0131 s\u0131n\u0131flar\u0131 otomatik olarak kald\u0131r\u0131r. Bu sayede, yaln\u0131zca projenizde ger\u00e7ekten kullan\u0131lan CSS s\u0131n\u0131flar\u0131 nihai \u00e7\u0131kt\u0131ya dahil edilir. Sonu\u00e7 olarak, \u00e7o\u011fu zaman sadece birka\u00e7 KB b\u00fcy\u00fckl\u00fc\u011f\u00fcnde, son derece optimize edilmi\u015f bir CSS dosyas\u0131 elde edilir. Bu da web sitelerinin daha h\u0131zl\u0131 y\u00fcklenmesini ve daha iyi performans g\u00f6stermesini sa\u011flar.<\/p>\n Tailwind CSS’in pop\u00fclaritesi, sundu\u011fu bir dizi \u00f6nemli avantajdan kaynaklanmaktad\u0131r.<\/p>\n Geli\u015ftiriciler, HTML ve CSS dosyalar\u0131 aras\u0131nda s\u00fcrekli ge\u00e7i\u015f yapmaktan kurtulur. T\u00fcm stil tan\u0131mlamalar\u0131 HTML i\u00e7inde yap\u0131ld\u0131\u011f\u0131 i\u00e7in, tasar\u0131m kararlar\u0131 an\u0131nda uygulanabilir ve sonu\u00e7lar hemen g\u00f6r\u00fclebilir. Bu, geli\u015ftirme ak\u0131\u015f\u0131n\u0131 h\u0131zland\u0131r\u0131r ve odaklanmay\u0131 art\u0131r\u0131r.<\/p>\n Yeni bir sayfa veya bile\u015fen tasarlarken, \u00f6nceden tan\u0131mlanm\u0131\u015f yard\u0131mc\u0131 s\u0131n\u0131flar sayesinde fikirleri h\u0131zla prototiplere d\u00f6n\u00fc\u015ft\u00fcrmek m\u00fcmk\u00fcnd\u00fcr. \u00d6zel CSS yazma ihtiyac\u0131n\u0131n olmamas\u0131, iterasyon s\u00fcrecini b\u00fcy\u00fck \u00f6l\u00e7\u00fcde h\u0131zland\u0131r\u0131r.<\/p>\n Tailwind, kutudan \u00e7\u0131kt\u0131\u011f\u0131nda bir tasar\u0131m sistemiyle gelir. Renkler, bo\u015fluklar, tipografi ve g\u00f6lgeler gibi t\u00fcm stil \u00f6zellikleri, \u00f6nceden tan\u0131mlanm\u0131\u015f bir \u00f6l\u00e7e\u011fe g\u00f6re d\u00fczenlenmi\u015ftir. Bu, projenizdeki t\u00fcm elemanlar\u0131n tutarl\u0131 bir g\u00f6rsel dile sahip olmas\u0131n\u0131 sa\u011flar ve “tasar\u0131m kaymas\u0131” (design drift) riskini azalt\u0131r.<\/p>\n Her yeni bile\u015fen i\u00e7in renk, boyut veya bo\u015fluk gibi temel tasar\u0131m kararlar\u0131n\u0131 yeniden almak yerine, Tailwind’in standart \u00f6l\u00e7eklerini kullan\u0131rs\u0131n\u0131z. Bu, \u00f6zellikle birden fazla geli\u015ftiricinin \u00e7al\u0131\u015ft\u0131\u011f\u0131 b\u00fcy\u00fck projelerde tutarl\u0131l\u0131\u011f\u0131 korumak i\u00e7in hayati \u00f6neme sahiptir.<\/p>\n Tailwind, “opinionated” (fikirli) bir \u00e7er\u00e7eve de\u011fildir; yani size belirli bir tasar\u0131m esteti\u011fi dayatmaz. Bunun yerine, nas\u0131l stil yazaca\u011f\u0131n\u0131z konusunda bir y\u00f6ntem sunar. Bir elementin stilini de\u011fi\u015ftirdi\u011finizde, bu de\u011fi\u015fiklik sadece o elementin Bir bile\u015feni veya b\u00f6l\u00fcm\u00fc yeniden yap\u0131land\u0131rman\u0131z gerekti\u011finde, ilgili HTML’i ve s\u0131n\u0131flar\u0131n\u0131 kolayca ta\u015f\u0131yabilir veya silebilirsiniz. Stil, do\u011frudan i\u015faretleme ile birlikte hareket etti\u011fi i\u00e7in, eksik veya art\u0131k CSS s\u0131n\u0131flar\u0131 gibi sorunlarla kar\u015f\u0131la\u015fma olas\u0131l\u0131\u011f\u0131n\u0131z d\u00fc\u015f\u00fckt\u00fcr.<\/p>\n Tailwind CSS, mobil \u00f6ncelikli (mobile-first) bir yakla\u015f\u0131mla duyarl\u0131 tasar\u0131m olu\u015fturmay\u0131 son derece kolayla\u015ft\u0131r\u0131r. Hem k\u00fc\u00e7\u00fck ki\u015fisel projeler hem de b\u00fcy\u00fck \u00f6l\u00e7ekli kurumsal uygulamalar i\u00e7in uygundur. Utility s\u0131n\u0131flar\u0131n\u0131n atomik do\u011fas\u0131, projeniz b\u00fcy\u00fcd\u00fck\u00e7e bile\u015fenlerin ve sayfalar\u0131n stilini y\u00f6netmeyi kolayla\u015ft\u0131r\u0131r. Modern JavaScript \u00e7er\u00e7eveleriyle (React, Vue) birle\u015ftirildi\u011finde, Tailwind s\u0131n\u0131flar\u0131 bile\u015fenlerin i\u00e7ine kaps\u00fcllenerek kodun daha da d\u00fczenli kalmas\u0131n\u0131 sa\u011flar.<\/p>\n Her ara\u00e7 gibi, Tailwind CSS’in de kendine \u00f6zg\u00fc dezavantajlar\u0131 ve ele\u015ftirilen y\u00f6nleri vard\u0131r. Bunlar\u0131 bilmek, arac\u0131 projeleriniz i\u00e7in do\u011fru bir \u015fekilde de\u011ferlendirmenize yard\u0131mc\u0131 olacakt\u0131r.<\/p>\n Tailwind’e y\u00f6nelik en yayg\u0131n ele\u015ftiri, uzun ve \u00e7ok say\u0131da yard\u0131mc\u0131 s\u0131n\u0131f i\u00e7eren pt-4<\/code> s\u0131n\u0131f\u0131 padding-top: 1rem;<\/code> CSS \u00f6zelli\u011fine, flex<\/code> s\u0131n\u0131f\u0131 display: flex;<\/code> \u00f6zelli\u011fine ve bg-blue-500<\/code> s\u0131n\u0131f\u0131 belirli bir mavi arka plan rengine kar\u015f\u0131l\u0131k gelir.<\/p>\n@apply<\/code> direktifini kullan\u0131rs\u0131n\u0131z. Bu yakla\u015f\u0131m, geli\u015ftirme s\u00fcrecini h\u0131zland\u0131r\u0131r, tutarl\u0131l\u0131\u011f\u0131 art\u0131r\u0131r ve bak\u0131m maliyetlerini d\u00fc\u015f\u00fcr\u00fcr.<\/p>\nTailwind CSS’in Temel Felsefesi: Utility-First<\/h2>\n
Utility S\u0131n\u0131flar\u0131<\/h3>\n
\n* text-xl<\/code>: Yaz\u0131 boyutunu b\u00fcy\u00fct\u00fcr. (font-size: 1.25rem;<\/code>)
\n* font-bold<\/code>: Yaz\u0131y\u0131 kal\u0131n yapar. (font-weight: 700;<\/code>)
\n* text-gray-700<\/code>: Yaz\u0131 rengini belirli bir gri tonuna ayarlar. (color: #374151;<\/code>)
\n* p-6<\/code>: T\u00fcm kenarlara e\u015fit dolgu (padding) ekler. (padding: 1.5rem;<\/code>)
\n* mb-4<\/code>: Alt kenara bo\u015fluk (margin-bottom) ekler. (margin-bottom: 1rem;<\/code>)
\n* flex<\/code>: Bir elementi esnek kutu (flexbox) konteynerine d\u00f6n\u00fc\u015ft\u00fcr\u00fcr. (display: flex;<\/code>)
\n* justify-center<\/code>: Esnek kutu i\u00e7indeki \u00f6\u011feleri yatayda ortalar. (justify-content: center;<\/code>)
\n* items-center<\/code>: Esnek kutu i\u00e7indeki \u00f6\u011feleri dikeyde ortalar. (align-items: center;<\/code>)
\n* rounded-lg<\/code>: K\u00f6\u015feleri yuvarlar. (border-radius: 0.5rem;<\/code>)<\/p>\nDo\u011frudan HTML \u0130\u00e7inde Tasar\u0131m<\/h3>\n
class<\/code> \u00f6zniteli\u011fi i\u00e7inde yap\u0131l\u0131r. Bu, geli\u015ftirme ak\u0131\u015f\u0131n\u0131 h\u0131zland\u0131r\u0131r ve “ba\u011flam de\u011fi\u015ftirme” maliyetini ortadan kald\u0131r\u0131r. Bir bile\u015fenin g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc de\u011fi\u015ftirmek istedi\u011finizde, sadece ilgili HTML \u015fablonunu a\u00e7ar ve s\u0131n\u0131flar\u0131 d\u00fczenlersiniz. Bu yakla\u015f\u0131m, \u00f6zellikle React, Vue veya Angular gibi bile\u015fen tabanl\u0131 \u00e7er\u00e7evelerle kullan\u0131ld\u0131\u011f\u0131nda g\u00fcc\u00fcn\u00fc daha da g\u00f6sterir.<\/p>\nVarsay\u0131lan Tasar\u0131m Sistemi<\/h3>\n
tailwind.config.js<\/code> dosyas\u0131 arac\u0131l\u0131\u011f\u0131yla tamamen \u00f6zelle\u015ftirilebilir, geni\u015fletilebilir veya \u00fczerine yaz\u0131labilir. Bu esneklik, her projenin kendine \u00f6zg\u00fc tasar\u0131m dilini olu\u015fturmas\u0131na olanak tan\u0131r.<\/p>\nK\u00fc\u00e7\u00fck Boyut ve Performans<\/h3>\n
Tailwind CSS’in Avantajlar\u0131<\/h2>\n
H\u0131z ve Verimlilik<\/h3>\n
Ba\u011flam De\u011fi\u015ftirme Olmamas\u0131:<\/h4>\n
H\u0131zl\u0131 Prototipleme:<\/h4>\n
Tutarl\u0131l\u0131k<\/h3>\n
Yerle\u015fik Tasar\u0131m Sistemi:<\/h4>\n
S\u0131f\u0131r Tasar\u0131m Karar\u0131:<\/h4>\n
\u00d6zelle\u015ftirilebilirlik<\/h3>\n
tailwind.config.js<\/code> dosyas\u0131 arac\u0131l\u0131\u011f\u0131yla varsay\u0131lan tema de\u011ferlerini (renkler, fontlar, bo\u015fluklar, breakpoints vb.) kolayca geni\u015fletebilir, de\u011fi\u015ftirebilir veya kendi \u00f6zel yard\u0131mc\u0131 s\u0131n\u0131flar\u0131n\u0131z\u0131 ekleyebilirsiniz. Bu, her projenin kendi benzersiz tasar\u0131m dilini olu\u015fturmas\u0131na olanak tan\u0131rken, Tailwind’in verimlilik avantajlar\u0131ndan yararlanmaya devam etmesini sa\u011flar.<\/p>\nBak\u0131m Kolayl\u0131\u011f\u0131<\/h3>\n
Lokalize De\u011fi\u015fiklikler:<\/h4>\n
class<\/code> \u00f6zniteli\u011fi i\u00e7inde kal\u0131r. Global bir CSS dosyas\u0131nda yap\u0131lan bir de\u011fi\u015fikli\u011fin beklenmedik yan etkilere yol a\u00e7ma korkusu ortadan kalkar. Bu, kod taban\u0131n\u0131 \u00e7ok daha g\u00fcvenli ve \u00f6ng\u00f6r\u00fclebilir hale getirir.<\/p>\nKolay Yeniden Yap\u0131land\u0131rma:<\/h4>\n
Duyarl\u0131 Tasar\u0131m<\/h3>\n
sm:<\/code>, md:<\/code>, lg:<\/code>, xl:<\/code> gibi \u00f6nekler kullanarak farkl\u0131 ekran boyutlar\u0131 i\u00e7in farkl\u0131 stiller tan\u0131mlayabilirsiniz. \u00d6rne\u011fin, md:flex<\/code> s\u0131n\u0131f\u0131, orta boyutlu ekranlardan itibaren bir elementi display: flex<\/code> olarak ayarlar. Bu, karma\u015f\u0131k medya sorgular\u0131 yazma ihtiyac\u0131n\u0131 ortadan kald\u0131r\u0131r ve duyarl\u0131 tasar\u0131mlar\u0131 do\u011frudan HTML i\u00e7inde y\u00f6netmeyi sezgisel hale getirir.<\/p>\n\u00d6l\u00e7eklenebilirlik<\/h3>\n
Tailwind CSS’in Dezavantajlar\u0131 ve Ele\u015ftirileri<\/h2>\n
HTML Kirlili\u011fi (HTML Bloat\/Clutter)<\/h3>\n
class<\/code> \u00f6zniteliklerinin HTML’i okunaks\u0131z hale getirmesidir. Bir elementin stilini tan\u0131mlamak i\u00e7in bazen 10-15 veya daha fazla s\u0131n\u0131f kullanmak gerekebilir.
\n\u00d6rnek:<\/p>\n