CSS – Ahmet Cansever
Pazartesi , 18 Aralık 2017
Anasayfa » CSS

CSS

CSS Float Kullanımı

Hazırladığımız web sayfalarında sayfa düzeni ve konumlandırması için CSS’ te float özelliği kullanılır. Sayfa yapısı içinde kullanılan öğelerin sola yada sağa yaslanması bu özellik ile sağlanabilir. float: left  Öğeleri sola yaslamak için; float: right Öğeleri sağa yaslamak için kullanılır.

Devamını oku »

CSS Kutu Modeli (Margin-Border-Padding-Content)

Tüm HTML öğeleri kutu olarak kabul edilebilir. CSS’de, ‘kutu modeli’ terimi tasarım ve düzen ile ilgili ayarlamalarda kullanılır. CSS kutusu modeli temel olarak her HTML öğesinin etrafında dolanan bir kutudur. Margin (Kenar boşlukları), Border (kenarlıklar), Padding (İç Boşluk) ve Content (içerik) lerden oluşur. Aşağıdaki resim kutu modelini göstermektedir:

Devamını oku »

CSS Örnekleri – Sınıf Seçicileri 

Bu örneğimizde CSS ile sınıf seçici kullanımını göreceğiz. Örneğimizde başlık etiketlerini Ana başlık ve Altbaşlık olarak sınıflandıracağız ve özelliklerini değiştireceğiz. Örneğimizi incelediğimizde hem alt başlıklar için hemde ana başlıklar için <h1> etiketinin kullanıldığını fakat alt başlıklar ve ana başlıklar için class ismi verilerek CSS ile biçimlendirme işleminin gerçekleştiğini göreceksiniz.

Devamını oku »

CSS Basit Örnekler 2

Bu örneğimizde CSS ile sayfa arka plan rengi değiştirme, yazı boyutu ayarlama,yazı rengi değiştirme, metnin altını,üzerini ve üstünü çizme,metin hizalama işlemlerini gösteren bir sayfa tasarlayalım. Örneğimizde kullanacağımız bazı özellikler;

Devamını oku »

CSS Basit Örnekler 1

Bu örneğimizde oluşturmuş olduğumuz HTML sayfamızda <h1>, <h2> ve <p> etiketlerine CSS ile birkaç sitil tanımlaması yapacağız. Örneğimizi incelediğimizde CSS ile arkaplan rengi değiştirme, yazı rengi değiştirme ve  metin hizalaması özelliklerinin uygulandığını göreceğiz.

Devamını oku »

CSS Border (Kenarlık) Özellikleri

CSS kenarlık özelliklerini kullanarak, öğenin kenarlık stilini, genişliğini ve rengini belirleyebiliriz. Hangi kenarlık sitilinin görüneceğini border-style özelliğini kullanarak belirleyebiliriz.

Devamını oku »

Harici CSS Kullanımı

Bu yazımızda CSS kullanım alanlarından Harici stil kullanımını göreceğiz. 1- Harici  CSS Stilleri (External CSS Style) : Genellikle .css uzantısını kullanan harici dosyalardır.  Sityede head bloğu içerisinde link etiketi yardımıyla çağırılır. HTML kısmı ile CSS kısmını birbirinden tamamen ayırmış oluruz. Sayfalarımızın okunaklılığı ve yönetilebilirliği maksimum düzeye çıkacaktır. Bu nedenle en çok tercih edilen yöntemdir.

Devamını oku »

Dahili CSS Stilleri ve Kullanımı

Dahili CSS Stilleri (Internal CSS Style) :  Dahili stil kullanımı (Internal Style Sheet) olarak da adlandırılır. CSS kodumuz sayfamızın <head> kısmında, <style>…</style> etiketi içinde yer alır. Kısmen de olsa HTML ve CSS kodumuzu birbirinden ayırmış oluruz. CSS kodları HTML kodları içerisinde kullanıldığından bu stil türüne Gömülü CSS Stilleri’ de denir. Aşağıda Dahili kullanıma örnek görüyoruz. [crayon-5a37ec9641d93305101485/] h3 etiketine ortaya hizalama,yazı …

Devamını oku »

CSS Arkaplan Resmini Tam Ekran Yapma

Bu örneğimizde CSS kullanarak sayfamızda belirlediğimiz arkaplan resminin tam ekran olarak ayarlanmasını sağlayacağız. Örneğimizde “İstiklal Marşı” nı kullanacağız ve arka planda bir Türk Bayrağı ayarlayacağız. Ayarladığımız bu resmin kaydırma çubuklarıyla sayfanın aşağı ve yukarı hareket ettirildiğinde sabit olarak kalmasını sağlayacağız. Örneğimizde bayrak.jpg isimli resmi kullanacağımızdan sizde aynı örneği yapacaksanız bu isimde resmi çalıştığınız klasöre kopyalamanız gerekecektir.

Devamını oku »

CSS ve DIV Kullanarak Web Sayfası Örneği -3-

Html ve CSS kullanımını gösteren basit bir Web Sayfası tasarımı örneği. Örneğin içerisinde yatay menü kullanımı, liste kullanımı ve CSS ile bazı biçimlendirmeleri inceleyebilirsiniz. Sayfa tasarımı ve HTML ve CSS dosyasına ait kodlar aşağıdaki gibidir.

Devamını oku »

CSS – DIV Kullanımı Örnekleri -3

CSS ve Div kullanarak basit bir web sayfası tasarımı örneği. Örneğimizde içeriğimizin tarayıcıda ortalamış olarak gelmesi için margin:auto kullanımı, sola yaslanama için float:left kullanımı ve diğer css etiketlerinin kullanımını görebilirsiniz.

Devamını oku »
Wordpress Tema indir