Sayfamızın içeriğini CSS3 ile güzelleştirelim

Ana sayfamızı hallettik. Ama daha güzel görünmesini istiyoruz. Peki ne yapabiliriz? Örneğin Logo’nun üstte olmasını, bazı elemanların yanda, bazı elemanların gölgeli, yuvarlak köşeli olmasını da isteyebiliriz. Hatta animasyon bile hazırlayabiliriz. İşte bunun için HTML5 ile gelen CSS3 var. CSS3’ü ve özelliklerini anlamaya başlayalım. CSS yani “cascading tyle sheet” basamaklı biçim sayfası anlamına gelir. HTML elemanlarının görüntüsünü düzenlememize yarar. Örneğin sayfamızda bir telefon bilgisini içeren bir kutu yaratmak istemiş olalım. Kutumuzu div etiketiyle oluşturalım ve id özelliğine de iletisimTel diyelim.  <div id="iletisimTel"> <div id="tel">Tel: +90 212 444 19 17</div> <div id="fax">Fax: +90 212 444 19 05</div> </div> Şimdi adım adım kutumuzu şekillendirmeye başlayalım. CSS kodlarını istersek gibi yazabiliriz. Ama ben tavsiye etmiyorum. Sonuçta karmakarışık ve yönetilemeyen bir kodunuz olur. Bir numaralı felsefemiz bilgi ve görüntüyü birbirinden mümkün olduğunda ayrı tutmak olmalı. İkinci seçeneğimiz html sayfasının...
Patreon üyelerine özel içerik.
To view this content, you must be a member of Mutlu's Patreon at "Merakli Bilişimci Üye..." or higher tier
Already a Patreon member? Refresh to access this post.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir