Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, İbrahim Çevrük tarafından sunulan "İbrahimcevruk.com" için hazırlanmış bir CSS eğitim dersidir. İbrahim, CSS temel bilgilerini öğretmeyi amaçlamaktadır.
- Videoda, CSS ile metin şekillendirme konuları ele alınmaktadır. Öncelikle renk (color) özelliği ve farklı renk atama yöntemleri (ingilizce renk adları, heksadesimal kodları) gösterilmektedir. Ardından font özellikleri (font-size, font-family, font-style, font-weight) detaylı olarak anlatılmakta ve tek komutla font özelliklerinin nasıl birleştirilebileceği gösterilmektedir. Ayrıca id ve class seçicileri ile span ve div etiketleri kullanılarak içerik seçimi ve biçimlendirme örnekleri sunulmaktadır.
- CSS Temel Bilgiler
- İbrahim Çevrük, CSS derslerine hoş geldiniz mesajıyla başlıyor.
- Önceki CSS derslerinde temel bilgileri vermiş, oval yapma, menü oluşturma gibi konuları anlatmış ancak float, margin gibi temel konuları unutmuş.
- Bu derste CSS temel bilgilerini kaldığı yerden devam ederek, komutların ne olduğunu öğrenerek ilerleyecek.
- 01:00HTML ve CSS Örneği Oluşturma
- Örnek için index.html dosyası oluşturuluyor ve Notepad++ kullanılarak Zencoding eklentisi ile hızlı kodlama yapılıyor.
- HTML dosyasına bir div ekleniyor ve içinde "Selam ben İbrahim Çevrük" yazısı yer alıyor.
- Chrome tarayıcısında bu basit HTML sayfası görüntüleniyor.
- 02:14CSS ile Renk Değiştirme
- CSS kodları için <style> etiketi kullanılıyor ve id seçici için # işareti kullanılıyor.
- Yazı rengi için color özelliği kullanılarak red, blue gibi renk isimleri veya #ccc gibi renk kodları belirlenebiliyor.
- Renk kodları üç veya altı haneli olabilir, aynı değerler tekrarlanıyorsa sadece ilk üç hanesi yazılabilir.
- 05:04Yazı Tipi Özellikleri
- Yazı büyüklüğü için font-size özelliği kullanılıyor ve piksel değerleriyle belirlenebiliyor.
- Yazı tipi ailesi için font-family özelliği kullanılıyor ve Arial, Times, Verdana gibi değerler verilebiliyor.
- Yazı stilini belirlemek için font-style (italik) ve font-weight (kalın) özellikleri kullanılıyor.
- 07:45Font Özelliklerinin Kısa Yazımı
- Tüm font özelliklerini tek komutla belirlemek için font özelliği kullanılıyor.
- Font özelliğinde önce boyut, sonra yazı tipi ailesi ve stil sırasıyla belirtiliyor.
- Örneğin "font: bold 70px Arial" şeklinde yazılabilir.
- 08:54Class ve İç İçi Seçim
- Class seçici için . (nokta) işareti kullanılıyor.
- İç içi seçim yaparak span içindeki div gibi elemanlara erişim sağlanabiliyor.
- Örneğin "metin span div" şeklinde yazarak iç içi seçim yapılabilir.