Elbette, CSS hakkında temel bilgileri markdown formatında sunuyorum:
CSS (Cascading Style Sheets)
CSS, HTML elemanlarının ekranda, kağıtta veya diğer ortamlarda nasıl görüntüleneceğini tanımlayan bir stil dilidir. HTML içeriğini yapılandırırken, CSS ise bu içeriğin sunumunu kontrol eder.
Temel Kavramlar
- Seçiciler (https://www.nedemek.page/kavramlar/Seçici): HTML elemanlarını hedeflemek için kullanılır. Örneğin, bir etiketi, bir sınıfı veya bir ID'yi seçebilirsiniz.
- Özellikler (https://www.nedemek.page/kavramlar/Özellik): Bir elemanın stilini değiştirmek için kullanılan özelliklerdir. Örneğin,
color
, font-size
, margin
gibi.
- Değerler (https://www.nedemek.page/kavramlar/Değer): Özelliklere atanan değerlerdir. Örneğin,
color: red;
ifadesinde red
bir değerdir.
- Kutu Modeli (https://www.nedemek.page/kavramlar/Kutu%20Modeli): Her HTML elemanının etrafında bir kutu olduğunu varsayar. Bu kutu, içeriği, padding'i, border'ı ve margin'i içerir.
- Yerleşim (https://www.nedemek.page/kavramlar/Yerleşim): Elemanların sayfada nasıl konumlandırılacağını belirler.
float
, position
, display
gibi özellikler kullanılır.
CSS Nasıl Eklenir?
- Inline CSS (https://www.nedemek.page/kavramlar/Inline%20CSS): HTML elemanının içine doğrudan stil eklemek. (Önerilmez)
- Dahili CSS (https://www.nedemek.page/kavramlar/Dahili%20CSS):
<style>
etiketi içinde HTML belgesine eklemek.
- Harici CSS (https://www.nedemek.page/kavramlar/Harici%20CSS): Ayrı bir
.css
dosyası oluşturup HTML belgesine bağlamak (En iyi yöntem).
Temel CSS Sözdizimi
seçici {
özellik: değer;
}
Örneğin:
h1 {
color: blue;
font-size: 24px;
}
Önemli CSS Kavramları
Bu temel bilgiler, CSS'e başlamanız için yeterli bir başlangıç noktasıdır. Daha derinlemesine öğrenmek için kaynaklara başvurabilirsiniz.