Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan HTML ve CSS renk özelliklerini anlatan kapsamlı bir eğitim içeriğidir. Eğitmen, School sitesindeki dökümanlara dayanarak renk kodlarını ve kullanımını göstermektedir.
- Video, CSS'de renk tanımlama yöntemlerini detaylı şekilde ele almaktadır. İlk bölümde önceden tanımlanmış renk adları, RGB, HSL, HSLa ve hex kodlarının kullanımı anlatılırken, ikinci bölümde HTML'de span etiketleri kullanarak metin oluşturma ve CSS ile bu etiketlere renk, kenarlık ve arka plan özellikleri ekleme konuları işlenmektedir.
- Eğitim, teorik bilgilerin yanı sıra Go Live editörü üzerinden uygulamalı örnekler sunmaktadır. Ayrıca kod editörünün emmet özelliği ve renk karıştırma kutusu gibi pratik araçlar da tanıtılmaktadır.
- Seste Kalır Özelliğinin Tanıtımı
- Bu videoda seste kalır özelliğinin renkleri öğrenilecek.
- School sitesindeki dökümanlara göz atarak renkler daha iyi anlaşılabilecek.
- Renkler önceden tanımlanmış renk adlarıyla veya RGB, HSL, ARCİBİ, HSLA değerleri kullanarak belirlenir.
- 00:40Renk Tanımlama Yöntemleri
- Renkler için domates turuncu, dogger mavi, orta deniz yeşil gibi önceden tanımlanmış isimler kullanılabilir.
- Projelerde yazı renkleri, arka plan renkleri ve kenarlık renkleri değiştirilebilir.
- Renklerin ARCİBİ değerleri kırmızı, yeşil ve mavi renklerden oluşur ve 0-255 arasında değerler alır.
- 02:36RGB Renk Kodları
- RGB renk kodları kırmızı, yeşil ve mavi renklerden oluşur ve 0-255 arasında değerlerin karışımıyla diğer renkler oluşturulur.
- RGB-A formatında alfa (opacity) değeri eklenerek şeffaflık ayarlanabilir.
- Şeffaflık değeri 0'dan 1'e kadar değiştirilebilir, 0'da renk görünmez, 1'de tam görünür hale gelir.
- 04:36Hex Kodları
- Hex kodları harici renkler oluşturur ve başına # işareti konulur.
- Hex kodlarında üç haneli değerler kullanılarak renkler tanımlanabilir.
- Üç haneli hex değerlerinde aynı değer tekrarlanarak (örneğin #FFFF) beyaz, üç haneli sıfır (örneğin #0000) siyah renk elde edilir.
- 06:30Renk Kaynakları
- Adı ve kalır sitesi kullanılarak renk değerleri değiştirilebilir ve hex kodları alınabilir.
- Trendler kısmından grafik tasarım bölümünden birbiriyle uyum sağlamış renkler görülebilir.
- Uyum sağlamış renkler üzerine tıklayarak hex kodları kopyalanıp projelerde kullanılabilir.
- 07:46HTML Etiketleri ve Renk Tanımlamaları
- İki span etiketi açılarak "lorem iki", "lorem beş" ve "lorem on" metinleri oluşturuldu.
- Inline etiketler yan yana geldiğinden, bere bırakarak alt alta geçiş yapıldı.
- Span etiketlerine renk tanımlamaları için style etiketi kullanılarak renk isimleri veya hex kodları kullanıldı.
- 09:56Renk Özellikleri ve Emmet Özelliği
- Renk değerlerini karıştırarak acil bir renkler seçilebiliyor ve hex kodlarına çevrilebiliyor.
- RGB formatında renk tanımlamaları yapılabilir ve opasite değeri (şeffaflık) ayarlanabilir.
- Emmet özelliği kullanılarak renk kodları kısa şekilde (örneğin "aqua" yerine "aqua0") kullanılabilir.
- 12:05Kenarlık ve Arka Plan Özellikleri
- Border özelliği kullanılarak kenarlık kalınlığı, rengi ve çizgi tipi (düz, noktalı vb.) ayarlanabilir.
- Arka plan rengi için background kalır özelliği kullanılarak renk isimleri veya hex kodları kullanılabilir.
- Arka plan rengi ayarlandığında yazı rengi de değiştirilebilir, örneğin beyaz yazı için "white" kullanılabilir.