Çıktı arabiriminde görüntülenmesi gereken rengin adı o arka plan özelliğinde yazılır. Örneğin, ' arka plan: kırmızı ”, arka plan rengini kırmızı olarak ayarlayacaktır. Benzer şekilde arka planı basit tutmak veya arka plan renklerini kaldırmak için “ hiçbiri ' Ve ' şeffaf ” arka plan özelliğinde bir rengin adından ziyade kullanılır.
Hem background:none hem de background:transparent, arka planı tamamen kaldırdıkları için aynı sonuçları görüntüler. Yani, ikisinin çalışması arasında büyük bir fark yoktur.
CSS'de 'background:none' ve 'background:transparent' Arasındaki Fark
“ arka plan: yok ' Ve ' arka plan: şeffaf ”, her ikisi de aynı amaç için kullanılır. Arka plan rengini yok olarak ayarlar veya arka plandan rengi kaldırırlar.
Ancak yine de, eleştirel düşünür ve aralarındaki farkları bulmaya çalışırsak, o zaman iki olası fark vardır:
- İkisi arasındaki temel fark, içinde farklı sayıda karakter bulunan farklı kelimeler olmalarıdır. Bu nedenle, birçok insan, büyük bir belgede farklı yerlerde birçok kez kullanıldıklarında, ' kullanan belgenin' olduğuna inanır. arka plan:yok Hiçbirinin şeffafa kıyasla daha az sayıda karakteri olmadığı için derlenmesi daha az zaman alabilir.
- Nasıl derlendiklerinden bahsedecek olursak o zaman “ arka plan:yok ”, arka plan görüntüsünü yok olarak ayarlar veya arka plan rengini kaldırır diyelim. Öte yandan, “ arka plan:şeffaf ”, şeffaf rengi metnin veya tüm arayüzün arka planı olarak ayarlar (CSS stil öğesinde hangisine başvurulursa).
Ancak grafik arayüz üzerindeki etkilerinden bahsedersek, bu tür farklılıklar ihmal edilebilir, çünkü sonunda bir fark olmayacaktır.
Örnek: background:none ve background:transparent uygulama
Uygulamalı olarak kanıtlayalım ' arka plan:yok ' Ve ' arka plan:şeffaf ” aynı şeyi arayüze yapın. CSS arka plan özelliğinin hem none hem de transparent ile etkisini öğrenmek için bir kod parçacığı yazın:
< h2 İD = 'metin' >Bu, background:none ve background:transparent'in amacını açıklayan basit bir metindir.
< / h2 >
Yukarıda bahsedilen kod parçacığında bir HTML belgesinde oluşturulmuş bir başlık bulunmakta ve buna “id” adı verilmiştir. metin ”.
CSS Arka Plan Özelliğini Ekleme
Metne bir kimlik verildi, bu yüzden CSS stil öğesinde bir kimlik seçici oluşturalım ve basitçe ' arka plan:yok ” içindeki özellik:
# metin {arka plan : hiçbiri ;
}
Benzer şekilde, “ yazmak için arka plan:şeffaf ” özelliği, yöntemde bir fark yoktur. Basitçe değiştirin ' hiçbiri ' ile ' şeffaf ”:
# metin {arka plan : şeffaf ;
}
İkisi de ' arka plan:yok ' Ve ' arka plan:şeffaf ” aynı çıktıyı üretecektir:
Demek ki ikisi arasında fark yok ve aynı şekilde derlenmişler.
Renk Adıyla Arka Plan Özelliği Ekleme
Şimdi “ yazmak yerine bir renk adı eklersek hiçbiri ' Ve ' şeffaf ”, çıktı hiçbir zaman “ tarafından oluşturulanla aynı olmayacaktır. arka plan:yok ' Ve ' arka plan:şeffaf ”. Örneğin, background özelliğine bir renk adı yazıyoruz:
# metin {arka plan : açık mavi ;
}
Fark açıktır. durumunda olduğu gibi aynı çıktıyı göstermiyor. arka plan:yok Ve arka plan:şeffaf :
Bu, background:none ve background:transparent arasındaki farkı özetler.
Çözüm
background:none ve background:transparent, sırasıyla arka plan rengini kaldırmak ve arka plan rengini şeffaf olarak ayarlamak için kullanılır. Ancak, her ikisi de çıktı arabirimi üzerinde tam olarak aynı etkiye sahip olduğundan, hem background:none hem de background:transparent aynı amaç için kullanılabilir.