Css Metin Biçimlendirme

Bir önceki dersimizde Css de oluşturduğumuz sınıfları her bir etiket için nasıl kullandığımızı gördük.Bu yazımızda ise Css de metinleri nasıl biçimlendireceğimizi görelim.Metin biçimlendirmedeki kastımız ;metnin hizalanması,renginin değişmesi,altının çizilmesi,yazı tipi vb. özelliklerdir.Şimdi bunların ne olduklarını teker teker görelim ve örnekler üzerinde anlatalım

 

METİN RENGİ DEĞİŞTİRME

Bir elementin rengini değiştirmek için kullanacağımız özellik color dır.Bu parametreye ” ”  ifadeleri arasında renk değerleri verebiliriz.Vereceğimiz renkleri doğrudan adını girerek , renk kodunu yazarak veya RGB formatında yazarak belirleyebiliriz.Şimdi,önceki derste gördüğümüz gibi sınıf şeklinde bir stil belirleyelim ve bu renk stillerimizi, başlık ve paragraf içinde kullanalım

CSS Seçiciler

Css de anlattığımız kadarıyla,kullandığımız <style> elementi ile her element için ayrı ayrı stiller tanımlıyorduk.Mesela <p> etiketi için bir stil belirliyorduk ve her <p> etiketi için bu stiller kullanılıyordu.Fakat biz bazı <p> elementleri için farklı stilleri kullanmak istiyorsak ne yapacağız? Bunun için seçiciler kullanılmaktadır.2 tür seçici vardır;

1) Id Selector

2) Class Selector

Id selector kullanımında her id,bir sayfada sadece bir kez kullanıldığı için biz daha pratik olması amacıyla Class Selector kavramını anlatacağız.Böylece class’larımızı bir sayfada istediğimiz kadar kullanabileceğiz

CSS’e Giriş

Konumuza öncelikle Css ( Cascading Style Sheet ) nedir ile başlayalım.Html veya herhangi bir dil ile oluşturduğumuz web sitelerinin kullanıcıya nasıl görüneceğini Css ile ayarlayabiliriz

Birçok sayfadan oluşan bir sitemizin olduğunu düşünelim.Sayfamızdaki her linkin renginin mavi olmasını veya arka plan renginin sabit olmasını istiyoruz.Bunun için her html sayfasına aynı kodları yazmaktansa .css uzantılı bir dosyada  stillerimizi saklayarak sitemizin hem hızlı açılmasını hem de her sayfaya aynı kodu yazma sıkıntısından kurtulmamızı sağlayabiliriz.Her sayfada değişiklik yapmaktansa tek bir dosyada stillerimiz değiştirebiliriz

Arama
RSS
Beni yukari isinla