Teknoloji Merkezli İnternot
Css hakkında bilgiler, sorunlar ve çözümler
Satır içi (non-replaced ) öğenin soluna ve sağına boşluk ekleyebilirsiniz, ancak satır içi öğenin üst veya alt dolgusuna (padding) veya kenar boşluğuna (margin) yükseklik ekleyemezsiniz. Margin collapsing (margin çökmesi) denir. Çökme sadece dikeyde olur. İlgili öğenin stilini display: inline-block şeklinde yaparsanız alt ve üst boşluk ekleyebilirsiniz.
2 Çeşit İnline Element vardır
:hover ::after ::before ::first-line Bunlar birer pseudo selector örnekleri
Html dokümanında ilgili yazının tüm harflerini büyük harfe çevirmek için kullanılan text-transform: uppercase özelliği eğer html lang etiketi <html lang=”en”> şeklindeyse izmir kelimesini IZMIR olarak büyük harfe çevirir. İZMİR şeklinde doğru çevrilmesini sağlamak için html dokümanın başında bulunan html tagının lang özelliğini aşağıdaki şekilde tr olarak …
yukarıdaki gibi li p yazılırsa li etiketinin altindaki tüm p lere etki eder. h2 > p yazılırsa h2 den sonra gelen tüm p lere etki eder.
Google Map İframe ile sayfaya harita gömdüğümüzde bütün gerekli margin ve padding değerlerini 0 verdiğimiz halde altta(padding-bottom, margin-bottom) ince bir beyaz boşluk çıkıyor. Bunu çözmek için iframe’in display özelliğine display:block vermek gerekiyor.
Dropdown menülerde içeriğin sığması için yararlı width: max-content;
Yararlı bir CSS Dökümanı https://www.fatihhayrioglu.com/dokumanlar/CSS_GIRIS.zip
display: inline-block; kullanılan yerde float: kullanılmaz
Bootstrap 4 Rapid web development framework HTML CSS JS https://www.udemy.com/bootstrap-4-website/?couponCode=b4free Not : İngilizce Anlatım