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 Json Web Servisi Oluşturma

Wcf json web servisinin nasıl oluşturacağımızı basit bir şekilde adım adım görsellerler anlatmaya çalışacağım. Visual Studio üzerinden yeni bir boş web application oluşturalım. Oluşturduğumuz web applicationımıza bir adet wcf service ekleyelim. Oluşturduğumuz wcf servisinin çalıştığından emin olmak için projemizi run edelim.(açılan url'inin sonuna web servisinin adını eklemeyi unutmayalım. Örneğin http://localhost:49264/service.svc Projemizin referenslarına System.ServiceModel.Web.dll ekleyelim. Web servisimizin interfacine aşağıdaki görselde ki gibi sayhi metodu ekleyelim. Metodun taglari burda çok önemli. Son olarak interfacede tanımladığımız metodumuzu implement edelim. Web servisimiz artık kullanıma hazır. Aşağıdaki url'den web servisimizin metodunu kullanabiliriz. http://localhost:49264/service.svc/json/sayhi

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. ...