Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir işaretleme dilidir.
İlk çıkışı | 17 Aralık 1996 |
---|---|
Geliştirici | , Bert Bos, World Wide Web Consortium |
Olağan dosya uzantıları | .css |
Web sitesi | w3.org/Style/CSS/ |
İnternet sayfaları için genelgeçer şablonlar hazırlama olanağı verdiği gibi, bağımsız olarak harflerin stilini, yani renk, yazı tipi, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki esnekliktir.
Bir Web sayfası içerisinde birbiriyle uyumlu birkaç renk ve birkaç yazı tip kullanılır ve bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün Web sayfalarında ortak olarak kullanılabilir. Böylece sayfaların hafızadaki boyutu epey küçüldüğü gibi güncelleme yapmak da kolaylaşır.
CSS kodları, HTML kodlarının içine yazılabildiği gibi harici bir CSS dosyası oluşturularak da işlem yaptırılabilir. Türüne göre <BODY>
veya <HEAD>
bölümlerinde yer alabilirler. Ayrıca <link rel="stylesheet" type="text/css" href="style.css" /> koduyla CSS dosyası çalışma sayfasına eklenebilir. Onları ayrı dosyada veya dosyalarda saklamak, onları değişik HTML sayfalarınca kullanılmasını sağlar, aynı sayfanın değişik aygıtlara göre formatlandırılmasını kolaylaştırır, sunumla yapıyı ayırarak değişiklik yapılmasını ekonomikleştirir.
Örnek CSS kodu
<html>refreshed with css <head>perfect customizations css css maintenance custom <style> w3.org/Style/CSS/ #WikipediaBox{ width:250px; height:300px; border:solid 2px;w3.org/Style } .WikipediaLogo{ background:url("http:https://upload.wikimedia.org/wikipedia/commons/e/e6/Wikipedia-logo-tr.png"); } </style> </head> <body> <div id="WikipediaBox"> <div class="WikipediaLogo"></div> </div> </body> </html>
CSS kodlarının, HTML dosyasına eklenmesi temelde dört farklı şekilde yapılabilir.
- HTML dosyası harici CSS dosyasına referans verebilir.
<html> <head> <link rel="stylesheet" type="text/css" href="dosya.css"> </head> <body> <div>Eğer dosya.css sunucuda bulunuyorsa, HTML'in sunumunda kullanılacaktır.</div> </body> </html>
- HTML dosyası iç stil türünde CSS içerebilir.
<html> <head> <style> div { color: red; } </style> </head> <body> <div>Bu yazı kırmızıdır.</div> </body> </html>
- JavaScript yoluyla HTML dosyasına CSS eklenebilir.
<html> <head> <script> var css = document.createElement("style"); css.type = "text/css"; css.innerHTML = "div { color: red; }"; document.body.appendChild(css); </script> </head> <body> <div>Bu yazı kırmızıdır.</div> </body> </html>
- Etiketler ile beraber CSS içerebilir.
<html> <body> <div style="color: red;">Bu yazının rengi kırmızıdır.</div> </body> </html>
Dış bağlantılar
- Resmî site
- CSS20 Ağustos 2004 tarihinde Wayback Machine sitesinde .
- CSS3 (son sürüm)15 Ağustos 2009 tarihinde Wayback Machine sitesinde .
- CSS Tutorial 8 Kasım 2016 tarihinde Wayback Machine sitesinde .
İnternet ile ilgili bu madde seviyesindedir. Madde içeriğini genişleterek Vikipedi'ye katkı sağlayabilirsiniz. |
wikipedia, wiki, viki, vikipedia, oku, kitap, kütüphane, kütübhane, ara, ara bul, bul, herşey, ne arasanız burada,hikayeler, makale, kitaplar, öğren, wiki, bilgi, tarih, yukle, izle, telefon için, turk, türk, türkçe, turkce, nasıl yapılır, ne demek, nasıl, yapmak, yapılır, indir, ücretsiz, ücretsiz indir, bedava, bedava indir, mp3, video, mp4, 3gp, jpg, jpeg, gif, png, resim, müzik, şarkı, film, film, oyun, oyunlar, mobil, cep telefonu, telefon, android, ios, apple, samsung, iphone, xiomi, xiaomi, redmi, honor, oppo, nokia, sonya, mi, pc, web, computer, bilgisayar
Cascading Style Sheets Basamakli Stil Sablonlari ya da Basamakli Bicim Sayfalari bilinen kisa adiyla CSS HTML e ek olarak metin ve format bicimlendirme alaninda fazladan olanaklar sunan bir isaretleme dilidir Cascading Style SheetsIlk cikisi17 Aralik 1996Gelistirici Bert Bos World Wide Web ConsortiumOlagan dosya uzantilari cssWeb sitesiw3 org Style CSS Internet sayfalari icin genelgecer sablonlar hazirlama olanagi verdigi gibi bagimsiz olarak harflerin stilini yani renk yazi tipi buyukluk gibi ozelliklerini degistirmek icin de kullanilabilir Bu teknigin en onemli ozelligi kullanimindaki esnekliktir Bir Web sayfasi icerisinde birbiriyle uyumlu birkac renk ve birkac yazi tip kullanilir ve bunlari her sayfada ayri ayri tekrar belirtmek yerine CSS yardimiyla bir sefer tanimlayip butun Web sayfalarinda ortak olarak kullanilabilir Boylece sayfalarin hafizadaki boyutu epey kuculdugu gibi guncelleme yapmak da kolaylasir CSS kodlari HTML kodlarinin icine yazilabildigi gibi harici bir CSS dosyasi olusturularak da islem yaptirilabilir Turune gore lt BODY gt veya lt HEAD gt bolumlerinde yer alabilirler Ayrica lt link rel stylesheet type text css href style css gt koduyla CSS dosyasi calisma sayfasina eklenebilir Onlari ayri dosyada veya dosyalarda saklamak onlari degisik HTML sayfalarinca kullanilmasini saglar ayni sayfanin degisik aygitlara gore formatlandirilmasini kolaylastirir sunumla yapiyi ayirarak degisiklik yapilmasini ekonomiklestirir Ornek CSS kodu lt html gt refreshed with css lt head gt perfect customizations css css maintenance custom lt style gt w3 org Style CSS WikipediaBox width 250 px height 300 px border solid 2 px w3 org Style WikipediaLogo background url http https upload wikimedia org wikipedia commons e e6 Wikipedia logo tr png lt style gt lt head gt lt body gt lt div id WikipediaBox gt lt div class WikipediaLogo gt lt div gt lt div gt lt body gt lt html gt CSS kodlarinin HTML dosyasina eklenmesi temelde dort farkli sekilde yapilabilir HTML dosyasi harici CSS dosyasina referans verebilir lt html gt lt head gt lt link rel stylesheet type text css href dosya css gt lt head gt lt body gt lt div gt Eger dosya css sunucuda bulunuyorsa HTML in sunumunda kullanilacaktir lt div gt lt body gt lt html gt HTML dosyasi ic stil turunde CSS icerebilir lt html gt lt head gt lt style gt div color red lt style gt lt head gt lt body gt lt div gt Bu yazi kirmizidir lt div gt lt body gt lt html gt JavaScript yoluyla HTML dosyasina CSS eklenebilir lt html gt lt head gt lt script gt var css document createElement style css type text css css innerHTML div color red document body appendChild css lt script gt lt head gt lt body gt lt div gt Bu yazi kirmizidir lt div gt lt body gt lt html gt Etiketler ile beraber CSS icerebilir lt html gt lt body gt lt div style color red gt Bu yazinin rengi kirmizidir lt div gt lt body gt lt html gt Dis baglantilarResmi site CSS20 Agustos 2004 tarihinde Wayback Machine sitesinde CSS3 son surum 15 Agustos 2009 tarihinde Wayback Machine sitesinde CSS Tutorial 8 Kasim 2016 tarihinde Wayback Machine sitesinde Internet ile ilgili bu madde taslak seviyesindedir Madde icerigini genisleterek Vikipedi ye katki saglayabilirsiniz