- Katılım
- 3 Nis 2025
- Mesajlar
- 7
- Tepkime puanı
- 1
- Puanları
- 3
Display : Bir HTML elementinin nasıl gösterileceğini belirler. Yani, bir öğenin blok, satır içi (inline), flex, grid gibi bir yapıya sahip olup olmayacağını tanımlar.
Color : Renk kodlarıdır, içeriğimize renk katmak için kullanılır örnek olarak bunlar yazıya renk verme olabilir, veya başlık kısmı olabilir.
* Hex kodu : #ffffff (beyaz), #000000 (siyah)
* RGB : rgb (255, 0, 0)
* RGBA (şeffaflık dahil) : rgba (255, 0, 0, 0.5)
* HSL : hsl(0, 100%, 50%)
Background-Color : Arkaplana renk verme işlemidir, arkaplan body alanına istediğimiz rengi verebilmemizi sağlar.
Font-Weight : Yazmış olduğumuz textlere veya başlıklara kalınlık sağlar ve ön plana çıkmasını sağlar.
Font-Size : Textlerin veya başlıklarımızın font boyutunu ayarlamamız da yardımcı olur böylece özel olarak istediğimiz gibi boyut kullanabiliriz.
Margin : Elementin dış kısmındaki olan yerlere boşluk yapmamıza yardımcı olur, sayfa düzenini rahatlatır, öğeyi çevresinden uzaklaştırır.
Padding : öğelerimizin iç kısmına boşluk yapmamıza yardımcı olur, içeriği kenarlardan uzaklaştırır.
Border : Öğelerimizi kutu içine alır kenarlık sağlar.
Border-Color : İmage’lere veya textlere kenarlık sağlar yani kutunun içine alır ve ona istediğimiz gibi renk verebiliriz.
width : Genişlik belirler bunlar istediğiniz öğenin ne kadar alan kapladığını belirler.
Height : Yükseklik belirler bunlar örnek olarak image olabilir, veya kullandığınız öğelere göre özel yükseklik belirlenebilir.
* Position : Bir HTML öğesinin belirli bir konuma nasıl yerleştirileceğini kontrol eder. Yani, öğenin sayfada nerede duracağını belirler.
* Relative : Yerinde durur ama gerektiğinde biraz kayar.
* Absolute : Bulunduğu yere göre tamamen serbesttir.
* Fixed : Ekrana sabitlenir (menülerde sık kullanılır)teşekkürler güzel paylaşım
* Sticky : Başlıkların yapışması gibi davranışlar için idealdir.
Text-Align : Öğenin içindeki metnin yatayda hizalamasına yardımcı olur, sadece metni hizalar.
* Left : Metni sola hizalar.
* Right : Metni sağa hizalar.
* Center : Metni ortalar.
* Justify : Satır sonlarını hizalayarak düz yazı yapar.
Float : Bir öğenin sağa veya sola yaslanarak (diğer öğelerin etrafında akmasına izin vererek) konumlandırılmasını sağlar.
Color : Renk kodlarıdır, içeriğimize renk katmak için kullanılır örnek olarak bunlar yazıya renk verme olabilir, veya başlık kısmı olabilir.
Renkler nasıl yazılır?
* İsimle : red, blue, green gibi* Hex kodu : #ffffff (beyaz), #000000 (siyah)
* RGB : rgb (255, 0, 0)
* RGBA (şeffaflık dahil) : rgba (255, 0, 0, 0.5)
* HSL : hsl(0, 100%, 50%)
Background-Color : Arkaplana renk verme işlemidir, arkaplan body alanına istediğimiz rengi verebilmemizi sağlar.
Font-Weight : Yazmış olduğumuz textlere veya başlıklara kalınlık sağlar ve ön plana çıkmasını sağlar.
Font-Size : Textlerin veya başlıklarımızın font boyutunu ayarlamamız da yardımcı olur böylece özel olarak istediğimiz gibi boyut kullanabiliriz.
Margin : Elementin dış kısmındaki olan yerlere boşluk yapmamıza yardımcı olur, sayfa düzenini rahatlatır, öğeyi çevresinden uzaklaştırır.
Padding : öğelerimizin iç kısmına boşluk yapmamıza yardımcı olur, içeriği kenarlardan uzaklaştırır.
Border : Öğelerimizi kutu içine alır kenarlık sağlar.
Border-Color : İmage’lere veya textlere kenarlık sağlar yani kutunun içine alır ve ona istediğimiz gibi renk verebiliriz.
width : Genişlik belirler bunlar istediğiniz öğenin ne kadar alan kapladığını belirler.
Height : Yükseklik belirler bunlar örnek olarak image olabilir, veya kullandığınız öğelere göre özel yükseklik belirlenebilir.
* Position : Bir HTML öğesinin belirli bir konuma nasıl yerleştirileceğini kontrol eder. Yani, öğenin sayfada nerede duracağını belirler.
* Relative : Yerinde durur ama gerektiğinde biraz kayar.
* Absolute : Bulunduğu yere göre tamamen serbesttir.
* Fixed : Ekrana sabitlenir (menülerde sık kullanılır)teşekkürler güzel paylaşım
* Sticky : Başlıkların yapışması gibi davranışlar için idealdir.
Text-Align : Öğenin içindeki metnin yatayda hizalamasına yardımcı olur, sadece metni hizalar.
* Left : Metni sola hizalar.
* Right : Metni sağa hizalar.
* Center : Metni ortalar.
* Justify : Satır sonlarını hizalayarak düz yazı yapar.
Float : Bir öğenin sağa veya sola yaslanarak (diğer öğelerin etrafında akmasına izin vererek) konumlandırılmasını sağlar.