Kategori: CSS Dersleri

Css Dersleri Bölüm 17 Konumlandırma (positioning)

Konumlandırma Css konumlandırma özellikleri bir elementi konumlandırmanıza yarar. Ayrıca elementlerin biribirine göre konumunu ve içeriklere göre konumunu belirli kriterlere göre konumlandırılmasını sağlar. Elementler  top, bottom, left ve right özellikleri kullanılarak konumlanabilir. Bununla beraber,  position özelliği belirlenmeden bu özellikler işlemez. Ama farklı bir konumlandırma özelliği de sunmaktadırlar. 4 çeşit konumlandırma yöntemi mevcuttur; Sabit konumlandırma HTML elementleri… Okumaya devam et Css Dersleri Bölüm 17 Konumlandırma (positioning)

Css Dersleri Bölüm 16 Gösterim ve Görünürlük

Display özelliği, bir elementin nasıl gözükeceğini ve Visibility özelliği de bir elementin görünür ya da gizli olmasını sağlar. Bir elementi gizlemek – display:none veya visibility:hidden Bir elementi gizlemek display’e none veya visibility’ye hidden değeri vermekle gerçekleşir. Yalnız bunlar farklı sonuçlarla karşılaşmamıza neden olur: visibility:hidden elementi gizler,fakat hala önceden belirlenmiş olan alanı kaplamaya devam eder. Element… Okumaya devam et Css Dersleri Bölüm 16 Gösterim ve Görünürlük

Css Dersleri Bölüm 15 Boyutlandırma

Css Boyutlandırması size elementin yüksekliğini ve genişliğini kontrol etmenize olanak tanır. Sizin denemeniz için örnekler Elementin Yüksekliği Bu örnek yüksekliğin ayarlanışını göstermektedir. Yüzdelik kullanarak bir imajın yüksekliğini ayarlama Bu örnek yüksekliğin yüzdelikle ayarlanışını göstermektedir. Pixel kullanarak bir elementin genişliğini ayarlama Bu örnek element için piksel kullanımı ile genişlik ayarlamasını göstermekte. Bir elementin maksimum yüksekliği Bu… Okumaya devam et Css Dersleri Bölüm 15 Boyutlandırma

CSS Dersleri Bölüm 14 Grup seçiciler ve İç içe seçiciler

Not: Bu içerik ve içerikler dizisi, Css’in doğru kaynaklardan öğrenilmesi ve Türkçe kaynak sıkınıtısının giderilmesi adına w3schools’tan çevirilmiştir. Online yani çevrimiçi editör de w3schools’a aittir. Herhangi bir sorunuz için aşağıya yazabilirsiniz! Grup Seçiciler Stil dosyasında aynı stile sahip elementler mevcut olabilir. h1 { color:green; } h2 { color:green; } p { color:green; } Kodu kısaltmak… Okumaya devam et CSS Dersleri Bölüm 14 Grup seçiciler ve İç içe seçiciler

CSS Dersleri Bölüm 13 Padding

Not: Bu içerik ve içerikler dizisi, Css’in doğru kaynaklardan öğrenilmesi ve Türkçe kaynak sıkınıtısının giderilmesi adına w3schools’tan çevirilmiştir. Online yani çevrimiçi editör de w3schools’a aittir. Herhangi bir sorunuz için aşağıya yazabilirsiniz! Padding Element ve elementin içeriği arasındaki boşlukları ifade eder padding. Padding Bir elementin içeriğinin etrafının temizlenmesini sağlar. Elementin arkaplan renginden etkilenir. Farklı özellikler kullanarak,… Okumaya devam et CSS Dersleri Bölüm 13 Padding

CSS Dersleri Bölüm 12 – Margin

Uzunca bir boşluktan sonra tekrar yazabildim. Ve şimdi konumuzu anlatayım. Element çevresindeki boşluklar margin’i tanımlar. Css’te margin olarak kullanabiliriz tabi. Bir elementin dış çevre boşluğunu ifade eder marjin. (kenarların dışında kalan yerler). Bu bölgenin hiçbir rengi yoktur ve tamamen saydamdır. The top, right, bottom, and left margin can be changed independently using separate properties. A… Okumaya devam et CSS Dersleri Bölüm 12 – Margin

CSS Dersleri Bölüm 11 – Outline(Anahat/Dışçizgi/İskelet) Özellikleri

Bir dış çizgi elementlerin, kenar çizgisinin hemen dışında yer alan bir çizgidir ve   göze çarpan bir görünüm oluşmasını sağlar. Outline’in ozellikleri style, color ve  outline’in yani dış çizginin width’i yani genişliğinin belirlenmesi . Örnekler Bir elementin çevresine çizgi çekme (outline) Bir elementin dışına nasıl çizgi çekileceğini gösterir . Bir outline’a yani dış çizgiye biçim… Okumaya devam et CSS Dersleri Bölüm 11 – Outline(Anahat/Dışçizgi/İskelet) Özellikleri