Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, bir eğitmen tarafından CSS ile yazı stilleri konusu anlatılmaktadır.
- Videoda, CSS ile yazı stilleri oluşturma teknikleri gösterilmektedir. Eğitmen önce CSS dosyası oluşturarak "yazı bir" ve "yazı iki" adlı iki sınıf tanımlar, ardından Dreamweaver programında bu sınıfları HTML'e uygular. Ayrıca, CSS kodlarının nasıl yazılacağı, font boyutu, yazı tipi ve renk gibi özelliklerin nasıl ayarlanacağı adım adım gösterilmektedir. Video, bir sonraki derste yazı biçimleri, font biçimleri, altını çizme ve italik yapma gibi konuların anlatılacağı bilgisiyle sonlanmaktadır.
- CSS Sınıfları Oluşturma
- Önceki derste font kodu ile yazı boyutu ve tipi belirlenirken, bu derste iki farklı sınıf oluşturulacak.
- İki sınıf (yazı-bir ve yazı-iki) oluşturulacak ve bu sınıflar internetten bulunan bir yazıya uygulanacak.
- Sınıf oluştururken rakam kullanılmamalı, aksi takdirde CSS derlemez.
- 01:05Sınıfların Font Özellikleri
- Yazı-bir sınıfına 15px Arial font özelliği verilecek.
- Yazı-iki sınıfına 20px Times New Roman font özelliği verilecek.
- CSS dosyası oluşturulduktan sonra, Dreamweaver'da yazıya class vererek stil belirlenebilir.
- 01:55HTML'de Class Kullanımı
- HTML'de span etiketi kullanılarak class'lar atanabilir.
- İlk span'a "class=yazı-bir" ve ikinci span'a "class=yazı-iki" değerleri verilerek class'lar atanır.
- F12 tuşu ile sayfa çalıştırıldığında, span'lar belirtilen class'larla görünür hale gelir.
- 03:10CSS ile Stil Uygulama
- CSS dosyasında yazı-bir sınıfına "color: mavi" ve yazı-iki sınıfına "color: kırmızı" değerleri verilerek renkler belirlenir.
- CSS dosyası kaynak kodlarında görünmez çünkü CSS dosyası ayrı olarak çağrılır.
- Font family ve font size değerlerini ayrı ayrı belirtmek yerine, "font: 15px Arial" şeklinde tek bir satırda belirtmek daha verimli olur.
- 04:41Yazı Biçimleri
- Font stilinde "bold" kullanılarak yazı kalınlaştırılabilir.
- CSS'de yazı stilleri (kalın, altı çizili, italik) gibi birçok yazı biçimi bulunmaktadır.
- Bir sonraki derste yazı biçimleri ve font biçimleri anlatılacaktır.