Hello, CSS world!

CSS'in ne olduğunu ve neden kullanman gerektiğini tartıştıktan sonra, şu an nasıl kullanıldığını çok merak ediyorsunuzdur. bunu web tarıyıcınızda okuyorsanız, demek ki şimdiden CSS'i büyüsünü yaparken görüyorsunuzdur - başlık renkleri ve boyutlarından kod örnek kutuları, menüler, listeler ve diğer her şey'e kadar - eğer bir arkaplanı, kenarları, farklı bir yazı boyutu ya da rengi varsa eğer, CSS sayesinde yapılmıştır. neyse ki, şu an bunları anlamanız biraz kompleks olabilir, o yüzden çok daha basit bir seviyeye indirelim.

Programlama'nın geçmişi sırasında, kullanıcı ekranına "Hello, World!" yazısını getirmenin en basit yolunu gösterme amacıyla, kendisine saygısı olan her eğitim "Hello world!" örneğiyle başlamıştır. Bu CSS kullanılmadan saf HTML ile yapılabilir, o yüzden onu başka bir renk kullanarak yazacağız:

<style type="text/css">
h1 {
	color: DeepSkyBlue;
}
</style>

<h1>Hello, world!</h1>

Bu kadardı - color özelliğini ve renk değeri kullanarak, H1 tag'ini hedefleyip, yazı rengini değiştirip, ilk CSS kuralımızı yazmış olduk. DeepSkyBlue'u çağırdık. kodu editörüne yapıştırarak ya da kod örneği üerindeki test butonuna tıklayarak kodu test edebilirsin.

Özet

Muhtamelen gördüğünüz gibi, CSS basit bir dil, fakat eğer ilk örneğimizi anlamadıysan korkma. Sonraki makalede üstteki CSS kodunun aslında ne anlama geldiğini ve neden o şekilde yazıldığının konusunu ele alacağız.