Skip to main content

CSS Nedir? Ne işe yarar?

CSS nedir? Ne işe yarar? Bu sorularının cevabı Wikipedia şöyle açıklıyor: "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 Web teknolojisidir. İ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." (http://tr.wikipedia.org/wiki/Cascading_Style_Sheets )

CSS öğrenmeye çalışan biri olarak, CSS öğrenme aşamasında yaptığım çalışmaların sonucunda öğrendiklerimi burada paylaşacağım.
CSS nedir sorusunun cevabı kısaca; HTML elamanlarına stil vermek için kullanılan bir yazılım teknolojisidir. Bu bir web sayfası olabileceği gibi web sayfasında yer alan bir yazı yada fotoğraf olabilir.

Bir css kuralı temelde iki kısımdan oluşur: Seçici ve tanım. Seçici normalde stil vermek istediğimiz html elemanıdır. Tanım kısmı ise html elemanına ait bir yada birden fazla özelliğinin tanımlandığı kısımdır. Tanım kısmında her tanımlama iki kısımda oluşur; özellik ve bu özelliğin değeri.

Aşağıda bir Css stil örneği üzerinden CSS syntax'ını açıklamaya çalışacağım.
p
{
color:red;
text-align:center;
}

Yukarıda p seçicidir. Yani paragraflara bir stil tanımının yapılacağı anlamına gelmektedir. "Color:red" yazı renginin kırmızı, "text-align:center" ise yazının merkeze yerleştirileceğini gösteriyor.
CSS hakkında temel olarak bunları söylebilirim daha sonra ki yazılarımda daha ayrıntılı bilgi vermeye çalışacağım.

Kolay gelsin.

Comments

Popular posts from this blog

En basit şekliyle Sql Join

WCF Servisinin HTTPS Yayını ve Metotlarına Kullanıcı adı Parola ile Erişim

Giriş Bu yazıda bir wcf servisinin https olarak bir iis üzerinde yayınlanmasını ve de servis metotlarının bir kullanıcı adı ve şifre korunması için neler yapılması gerektiğini bulabilirsiniz. Not: Bu yazıda Wcf servisi bir web application üzerinde yer almaktadır. Gerekli Tool’lar SelfCert.exe:  Servisin yayınlanacağı iis için gerekli ola sertifika oluşturmak    için kullanacağız. winhttpcertcfg.msi:  Command line’dan komut çalıştıracağımız bir exe’dir. Oluşturduğumuz sertifikanın iis’de yer alan application pool tarafından okunabilmesine izin verilmesi için kullanılır. WCF Servis Ayarları Wcf servisi güvenliğini ve verilerinin gizlilğini iki aşamalı bir koruma ile  sağlayacağız: Clientların servis içerisinde yer alan metotlara erişebilmeleri için izin verilen kullanıcı adı ve paraloları bilmesi gerekmektedir. Bu amaçla servis uygulamasına bir adet .cs file ekleyip içerisini Custom Validation da ki gibi dolduralım. Bu işlemden sonra içi...

ASP.NET uygulamalarında WebResource kullanımı (WebResource.axd)

          Web uygulamalarında genellikle resourcelar uygulama içerisine eklenerek sayfalarda path'lari ile çağırılırlar. Bu kullanım açısıdan çok kullanışlı bir yöntem değildir. Şöyleki bazı resourcelarımız her uygulamada olması gereken resourcelardır. Bu resourceları her uygulamaya eklemek etkili bir kullanım değildir. Bunun yerine webresource yöntemiyle istediğimiz resoruceları bir class libary(dll) içerisine koyup, uygulamalarımıza bu dll'i eklememiz daha kullanışlı bir yöntem olacaktır. Bu yazıda da bir image libary dll oluşturmayı ve uygulama içerisinden bu dll içerisinde yer alan resimler çağırmayı adım adım anlatmaya çalışacağım. 1)Solution'ımız 2 adet proje oluşturalım.   - WebApplication(WebApp)   -Class Libary(ResourceLibary) 2)Image libary olarak kullanacağımız dll içerisine image'larımızı ekleyelim. 3)Her bir image'ın üzerine sağ click ile açılan window üzerinden Build Action özelliğini Embedded Resource olarak değiştirelim. ...