web tasarımı

CSS’te “webkit” genellikle -webkit- ile başlayan satıcı ön ekini ifade eder. Bu ön ek, özellikle WebKit tabanlı tarayıcılara özgü veya deneysel CSS özelliklerini belirtmek için kullanılmıştır. Örneğin -webkit-appearance ve -webkit-line-clamp gibi bildirimler buna örnektir. Ancak -webkit- yazmak...

CSS outline, bir HTML öğesinin dış çevresinde görünen çizgidir. En önemli farkı, sayfanın yerleşiminde yer kaplamamasıdır; bu nedenle çevredeki öğeleri itmez ve öğenin toplam genişlik veya yüksekliğini değiştirmez. Genellikle klavye odağını göstermek, bir öğeyi geçici olarak vurgulamak veya hata...

CSS’te display: block, bir elementi blok kutusu olarak görüntüler. Element yeni bir satırdan başlar ve normal akışta bulunduğu kapsayıcının kullanılabilir genişliğini doldurmaya çalışır. Bu nedenle aynı satırdaki kardeş elementleri genellikle aşağı iter. div, p ve başlık elementleri gibi birçok...

CSS content özelliği, bir öğenin veya sözde öğenin içeriğine metin, görsel ya da başka bir değer eklemek için kullanılır. En yaygın kullanım alanı ::before ve ::after sözde öğeleridir. Normal öğeye metin dizesi vermek, onun HTML metnini güncelleme yöntemi değildir. Normal öğelerde content...

CSS dosyası, HTML gibi yapılandırılmış belgelerin nasıl sunulacağını tarif eden stil kurallarını taşıyan metin dosyasıdır. Genellikle .css uzantısıyla saklanır. İçinde renk, yazı tipi, boşluk, boyut, yerleşim ve farklı ekran koşullarına ait bildirimler bulunabilir. Dosya, sayfanın içeriğinin...

CSS’te cursor: pointer;, fare imleci bir öğenin üzerine geldiğinde genellikle parmakla gösteren el simgesinin görünmesini sağlar. Kullanıcıya o bölgede bir bağlantı veya tıklanabilir işlem bulunduğu izlenimini verir. Ancak yalnızca imleç görünümünü değiştirir; öğeyi kendiliğinden tıklanabilir...

CSS overflow, bir elementin içeriği kendisine ayrılan genişlik veya yüksekliğe sığmadığında taşan kısmın nasıl davranacağını belirleyen özelliktir. İçerik kutunun dışına taşabilir, kırpılabilir veya kaydırma çubuğu ile erişilebilir hâle getirilebilir. Varsayılan değer visible olduğu için taşan...

CSS display özelliği, bir HTML elementinin sayfa düzeninde nasıl kutu oluşturacağını ve içindeki çocuk elementleri nasıl yerleştireceğini belirler. Başka bir deyişle elementin satır içinde mi, ayrı bir blok olarak mı, flex veya grid kapsayıcısı olarak mı davranacağını kontrol eder. Örneğin...

CSS dosyası, bir HTML sayfası gibi görsel sonucu göstermek için değil, CSS kodunu düzenlemek için açılır. Dosyayı bir metin veya kod editörüyle açın; tasarımın tarayıcıdaki sonucunu görmek için CSS dosyasını HTML belgesine bağlayıp HTML dosyasını tarayıcıda açın. Harici CSS dosyası, HTML...