CSS ile html elementlerinin renklerini değiştirebilmemiz mümkündür. Ayrıca CSS ile aynı özelliği gösteren bütün elementlerin renklerini aynı şekilde ayarlayabiliriz. Bu da bize büyük kolaylık sağlamaktadır.
CSS’de Yazı Rengi Değiştirme
CSS’de yazı rengi değiştirmek için color etiketini kullanabiliriz. HTML’de kullanabildiğimiz tüm renkleri CSS de de kullanabiliriz.
Örnek:
p {
color:tomato;
}Yukarıda yazdığımız CSS kodlu ile web sayfasında bu css kodlarının çalıştığı her paragrafın rengi tomato rengi olacaktır.
Önizleme:
CSS kodları sayesinde web sayfamdaki her yazıya tek tek biçimlendirmek yerine tek bir kez biçimlendirerek istediğim gibi gösterebiliyorum. Bu hem zamandan kolaylık sağlarken hem de sayfamın hızı için de büyük önem taşıyor.
CSS Arkaplan Rengi Değiştirme
Metin renklerini değiştirebildiğim gibi CSS ile arkaplan renklerini de değiştirebilirim. Bu işlem için kullanacağım kalıp ise;
background-color:
olacaktır. Öğrencilerin yaptığı en büyük hatalardan biri iki kelime arasına cizgi koymamak veya bitişik yazmak
Örnek:
p {
color:white;
background-color:MediumSeaGreen;
}Tek bir html elementini aynı css kodları içerisinde stillendirmem mümkündür. Bu da büyük kullanım kolaylığı sağlamaktadır. Biz genellikle her stili alt alta yazıyoruz. Bu hız açısından küçük bir dezavantaj sağlasada okunabilirlik açısından büyük kolaylık sağlamaktadır.
Önizleme:
CSS kodları sayesinde web sayfamdaki her yazıya tek tek biçimlendirmek yerine tek bir kez biçimlendirerek istediğim gibi gösterebiliyorum. Bu hem zamandan kolaylık sağlarken hem de sayfamın hızı için de büyük önem taşıyor.
CSS Border Rengi Belirleme
CSS ile border yani kenarlık özelliği verebilir ve bunun renk şekil gibi stillerini değiştirebiliriz. Köşeleri yumuşatabiliriz.
Örnek:
p {
color:white;
background-color:MediumSeaGreen;
border:2px solid tomato;
}Önizleme:
CSS kodları sayesinde web sayfamdaki her yazıya tek tek biçimlendirmek yerine tek bir kez biçimlendirerek istediğim gibi gösterebiliyorum. Bu hem zamandan kolaylık sağlarken hem de sayfamın hızı için de büyük önem taşıyor.
