CSS nedir (Temel CSS kodları) Test 1

CSS'de bir metni ortalamak için hangi özellik kullanılır?

A) text-align: center;
B) align: center;
C) center: text;
D) text-center: true;

Merhaba sevgili öğrenciler!

Web sayfalarımızda metinleri düzenlemek, hem estetik hem de okunabilirlik açısından çok önemlidir. Bir metni yatayda ortalamak da sıkça kullanılan bir tasarım ihtiyacıdır. Şimdi bu soruyu adım adım inceleyelim.

• Sorunun Amacı: CSS kullanarak bir metni yatayda nasıl ortalayacağımızı bulmak.
• Doğru Yaklaşım: CSS'te metinlerin (veya inline içeriklerin) bir elementin içinde nasıl hizalanacağını belirlemek için özel bir özellik bulunur.

Şimdi seçenekleri tek tek inceleyelim:

• A) text-align: center;
  • Bu, CSS'de bir metni veya satır içi (inline) içeriği bir blok elementinin içinde yatay olarak ortalamak için kullanılan doğru ve standart özelliktir.
  • text-align özelliği, bir elementin içindeki metnin (veya diğer satır içi elementlerin) nasıl hizalanacağını belirler.
  • center değeri ise bu metni veya içeriği o elementin ortasına hizalar.
  • Örnek: Bir paragrafın içindeki metni ortalamak için şöyle kullanırız:

    <p style="text-align: center;">Bu metin ortalanmıştır.</p>

    Veya CSS dosyanızda:

    p {
  text-align: center;
}

• B) align: center;
  • align tek başına bir CSS özelliği değildir. Genellikle vertical-align gibi başka özelliklerin bir parçası olarak veya Flexbox/Grid düzenlerinde (align-items, justify-content gibi) kullanılır. Metin ortalamak için doğrudan bu şekilde kullanılmaz.
• C) center: text;
  • Bu, geçerli bir CSS sözdizimi değildir. CSS'te özellikler her zaman özellik-adı: değer; şeklinde yazılır.
• D) text-center: true;
  • Bu da geçerli bir CSS özelliği veya sözdizimi değildir. CSS'te true gibi boolean (doğru/yanlış) değerler genellikle bu şekilde kullanılmaz. Bazı CSS çerçeveleri (framework) bu tür sınıf isimleri kullanabilir (örneğin, <p class="text-center">), ancak bu doğrudan bir CSS özelliği değildir.

Gördüğümüz gibi, bir metni yatayda ortalamak için en doğru ve standart CSS özelliği text-align: center;'dır.

Cevap A seçeneğidir.