Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan CSS (Cascading Style Sheets) eğitim içeriğidir. Eğitmen, Visual Studio Code editörü kullanarak CSS'in temel kullanımını göstermektedir.
- Video, CSS'in ne olduğunu ve HTML ile nasıl entegre edildiğini açıklayarak başlıyor, ardından CSS'in üç farklı kullanım şeklini (satır içi, sayfa içi ve harici) detaylı şekilde ele alıyor. Eğitmen, class ve id kullanımını örneklerle açıklıyor, harici stil dosyalarının nasıl oluşturulacağını ve projeye nasıl dahil edileceğini gösteriyor.
- Eğitim içeriğinde ayrıca CSS özellikleri (renk, arka plan, yazı tipi, boyut) nasıl tanımlanacağı, CSS kodlarının doğru yazımı, noktalı virgül kullanımı ve yorum satırı oluşturma gibi temel konulara da değiniliyor. Video, bir sonraki derste CSS'in inceliklerine değinileceğini belirterek sona eriyor.
- 00:09CSS Nedir ve Kullanım Alanları
- Bu videoda CSS'in ne olduğu, nerelerde kullanıldığı ve HTML dökümanlarında nasıl uygulanacağı anlatılacaktır.
- CSS, HTML temel derslerinde oluşturulan sayfa yapısını (iskelet) güzel bir şekilde görüntülenmesini sağlayan bir dil olarak tanımlanmaktadır.
- HTML temel derslerinde yapı (structural layer) oluşturulmuşken, CSS ile sunum (presentation layer) oluşturulacaktır.
- 02:48CSS Kullanım Yöntemleri
- CSS üç farklı şekilde kullanılabilir: etiket içi, sayfa içi ve dış dosya şeklinde.
- Etiket içi kullanımında, etiketin içine "style" özelliği eklenerek CSS özellikleri tanımlanabilir.
- CSS özellikleri tanımlarken "özellik: değer;" şeklinde yazılır ve özellikler arasında noktalı virgül kullanılır.
- 04:17CSS Özellikleri ve Kullanımı
- CSS'de renk değiştirmek için "color" özelliği, arka plan rengi için "background-color" özelliği kullanılır.
- Yükseklik, genişlik, font gibi birçok farklı özellik CSS ile ayarlanabilir.
- Etiket içi CSS kullanımı tercih edilebilir ancak HTML dosyasını şişirebilir ve okunaklığı azaltabilir.
- 08:25Sayfa İçi CSS Kullanımı
- Sayfa içi CSS kullanımı için "head" etiketi içinde "style" etiketi kullanılır.
- "style" etiketi içinde belirtilen CSS özellikleri, tüm sayfadaki belirtilen elementleri etkileyebilir.
- Sınıf (class) yapısı kullanılarak belirli elementleri belirli CSS özellikleriyle etkilemek mümkündür.
- 12:25CSS'de Class ve ID Kullanımı
- Class özelliği birden fazla yere verilebilir ve aynı sayfada birden fazla elemana uygulanabilir.
- ID özelliği ise sadece tek bir şeye verilebilir ve TC kimlik numarası gibi benzersiz bir özellik taşır.
- CSS kodlarında özellik adı ve niteliği arasında iki nokta kullanılır ve sonunda noktalı virgül konulmalıdır.
- 16:33Dahili ve Harici Stil Dosyaları
- CSS kodları sadece bir sayfada değil, harici stil dosyaları olarak da kullanılabilir.
- Harici stil dosyaları, projenin daha düzenli ve entegre olmasını sağlar.
- CSS kodlarını harici dosyalara yazmak, kodun daha kolay yönetilmesini ve hata çözme olasılığını artırır.
- 22:38CSS Kullanım Şekilleri
- CSS kodları üç farklı şekilde kullanılabilir: element seviyesinde, dahili (HTML içindeki style etiketi) ve harici stil dosyaları.
- Harici stil dosyaları, link etiketi ile projeye dahil edilir.
- CSS, web sayfalarının stillendirilmesinde kullanılan ve projelere farklı şekilde dahil edilebilen bir dildir.