Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı Tailwind CSS ile ilgili temel text özelliklerini anlatmaktadır.
- Video, Tailwind CSS'in normal kurulumunu açıklayarak başlıyor ve ardından text class'larının kullanımını örneklerle gösteriyor. İçerikte text boyutu, italik, kalın, font seçimi, spacing, line height, text hizalama, renk, altı çizili, üstü çizili ve harf büyük/küçük ayarları gibi temel text özellikleri detaylı olarak anlatılıyor. Konuşmacı, Tailwind CSS'in doktrini hakkında daha fazla bilgi edinmek isteyenler için bir kaynak da paylaşıyor.
- Tail.css Kurulumu
- Tail.css ile ilgili derslere başlanıyor ve normal kurulum yapılıyor, jet moduyla değil.
- Tail.css versiyon 3 daha iyi olduğu için bu versiyon kullanılabilir.
- Kurulum sonrası derslere başlanacak.
- 00:33Text Özellikleri
- Text boyutunu değiştirmek için "sm", "md", "lg", "xl" gibi sınıflar kullanılabilir.
- Yazı italik yapmak için "italic" sınıfı, normal hale döndürmek için "not-italic" sınıfı kullanılabilir.
- Yazı kalınlığını değiştirmek için "light", "bold", "extra-light", "extra-bold" gibi sınıflar kullanılabilir.
- 02:14Spacing ve Satır Aralığı
- Yazı aralarını ayarlamak için "tracking" özelliği kullanılır ve "tight", "normal", "loose" gibi değerler verilebilir.
- Birden fazla satırlı yazı için "br" etiketi kullanılır.
- Satır aralarını ayarlamak için "line-height" özelliği kullanılır ve "leading" ile denk gelir.
- 03:40Yazı Hizalama ve Renk
- Yazı hizalama için "center", "right", "left" gibi sınıflar kullanılabilir.
- Yazı rengini değiştirmek için "text-grey-500", "orange-500", "slate-500" gibi hazır renkler kullanılabilir.
- Yazı rengini kod olarak da belirtmek mümkündür.
- 05:04Çizgili Yazı ve Harf Biçimi
- Yazı altına çizgi eklemek için "underline", yazı üstüne çizgi eklemek için "overline" sınıfı kullanılabilir.
- Çizgilerin rengini değiştirmek için "decoration" özelliği kullanılır.
- Yazı harflerini büyük, küçük veya her kelimenin ilk harfini büyük yapmak için "uppercase", "capitalize", "lowercase" sınıfları kullanılabilir.