Neler yeni
Metin2 Support

Metin2 Dünyasına Hoş Geldiniz! Yeni bir maceraya adım atın ve topluluğumuza katılın. Sorularınızı sormak, deneyimlerinizi paylaşmak ve diğer oyuncularla iletişim kurmak için hemen kaydolun. Kayıt olun, etkileşimde bulunun ve Metin2 dünyasındaki serüveninizi daha da özel hale getirin. Birlikte oynamak için sabırsızlanıyoruz!

CSS Kodları ve Anlamları

katil civciv

New member
Katılım
3 Nis 2025
Mesajlar
7
Tepkime puanı
1
Puanları
3
Css4
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.

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.
 

Konuyu görüntüleyenler

  • Üst