CSS Dersleri 10: CSS’de Font Özellikleri ve Kullanımı

Selamlar, Daha önce ki CSS ders yazımda CSS’in text özelliğini, yazı özelliğini anlatmıştım. Önceki dersimizde yazılara biçim vermiştik, işte üstü çizili,altı çizili gibi bir takım text özellikleri anlatmıştım. Bu yazımda ise CSS’de Font Özellikleri ve Kullanımı anlatacağım. Daha önce ki css derslerim için buraya tıklayınız. CSS, font özellikleri metinlerin yazı tipi,kalınlık,boyut gibi font ayarlarını yapılandırmamızı sağlayan temel css özellikleridir. Bu yazımda tek tek CSS’de Font Özellikleri ve Kullanımı anlatacağım. CSS’de Font Özellikleri ve Kullanımı CSS’de font özellikleri olarak 6 tane özellik bulunmaktadır. Bunlar; font-family font-size font-style font-variant font-weight font (Kısatılmış özellik) Yukarıda ki bu özellikleri tek tek açıklayacağım ve örnekler ile de nasıl kullanıldığını göstereceğim. Font-Family Özelliği Yazıların tipini,şeklini ve yapısını ayarlamak için font-family özelliği kullanılmaktadır. İnternette çok...
Okumaya devam...

CSS Dersleri 9: CSS’de Text (Metin) Özellikleri

Selamlar, Daha önce ki CSS yazımda sizlere width ve height değerlerinin kullanımını göstermiştim. Bu yazımda ise CSS’de Text (Metin) Özellikleri konusunu anlatacağım. Yazı olmadan bir website olmaz arkadaşlar, yazılar websitelerin yapı taşlarından bir tanesi ama önemli olan bir yapı taşıdır. Bu yüzden websitelerimizi hazırlerken dikkat etmemiz gereken husus text (metin)’lerdir. CSS’de websitemizin tasarımını yaparken en önemli olan, kullanıcının dikkatini vereceği kısım olan yazılarımızıda css ile düzenlememiz, özellikler vermemiz gerekiyor. CSS’de Text (Metin) Özellikleri, metinlere özel stil tanımlaması yapmak için kullanılır.CSS içerisinde metinlere etki etmek için tanımlı 12 tane metin özelliği vardır. Bunları sırasıyla anlatmaya ve birer örnek ile de göstermeye çalışacağım. Diğer CSS Derslerim için tıklayın. CSS’de Text (Metin) Özellikleri Color Direction Line-height Letter-spacing Text-Align Text-decoration...
Okumaya devam...

CSS Dersleri 8: CSS’de Yükseklik ve Genişlik Değerleri (Width – Height)

Selamlar, CSS derslerimize kaldığımız yerden devam ediyoruz. Bu dersimizde CSS’de Yükseklik ve Genişlik Değerleri ni nasıl kullanacağımızı, html elemenlerimize nasıl yükseklik ve genişlik vereceğimizi öğreneceğiz. Daha önce ki css derslerime göz atarak eksikleriniz var ise tamamlayabilirsiniz. [mks_icon icon=”fa-folder-open” color=”#1e73be” type=”fa”] Diğer CSS Dersleri: CSS Dersleri 1: CSS Nedir ? CSS Dersleri 2: Söz Dizim Kuralları ve Seçiciler CSS Dersleri 3: Renklerin Kullanımı CSS Dersleri 4: Arkaplan (Background) Özellikleri CSS Dersleri 5: Kenarlıklar (Borders) CSS Dersleri 6: Margin Kullanımı CSS Dersleri 7: Padding Kullanımı CSS’de Yükseklik ve Genişlik Değerleri CSS’de Yükseklik ve Genişlik Değerleri, iki tane parametre ile verilmektedir. Bunlar ingilizce kelimeler olan width (genişlik) ve height (yükseklik) dir. HTML elementlerinin yüksekliğini ve genişliğini bu iki...
Okumaya devam...

CSS Dersleri 7: Padding Kullanımı

Selamlar, Daha önce ki CSS dersimde sizlere CSS’in Margin Özelliğini anlatmıştım, bu yazımda ise sizlere yine margin özelliğinin farklı bir şekli olan CSS’de Padding Kullanımı nı göstereceğim. Daha önce ki css ile ilgili ders yazılarıma aşağıda ki bağlantılar ile ulaşabilirsiniz. CSS Dersleri 1: CSS Nedir ? CSS Dersleri 2: Söz Dizim Kuralları ve Seçiciler CSS Dersleri 3: Renklerin Kullanımı CSS Dersleri 4: Arkaplan (Background) Özellikleri CSS Dersleri 5: Kenarlıklar (Borders) CSS Dersleri 6: Margin Kullanımı CSS’de Padding Kullanımı CSS ile bir web sayfası hazırlarken sayfa içerisinde bazı boşluklar oluşturuyoruz ve bu boşlukları bir kısmını CSS’in Padding  özelliği ile oluşturuyoruz.CSS kodlaması yaparken en sık kullandığımız özelliklerden biri olan Padding tüm tarayıcılar ile uyumlu olup kullanımı ve uygulaması oldukça basittir....
Okumaya devam...

CSS Dersleri 6: Margin Kullanımı

CSS Dersleri 6: Margin Kullanımı Merhabalar, Daha önce ki CSS dersimde CSS’de Kenarlıklar (Borders) Kullanımı‘nı anlatmıştım. Bu yazımda ise Margin (Kaydırma) Css özelliğini kullanımını anlatacağım. CSS’de Margin Kullanımı oldukça basittir. Bu yazımda elimden geldiğince CSS’de Margin Kullanımı detaylı olarak sizlere aktaracağım. Yazıma başlamadan önce daha önce ki css derslerime aşağıda ki bağlantıları kullanarak ulaşabilirsiniz. CSS Dersleri 1: CSS Nedir ? CSS Dersleri 2: Söz Dizim Kuralları ve Seçiciler CSS Dersleri 3: Renklerin Kullanımı CSS Dersleri 4: Arkaplan (Background) Özellikleri CSS Dersleri 5: Kenarlıklar (Borders) CSS Margin Nedir? CSS’de Margin Kullanımı HTML elementleri bir sayfada yer işgal ederler.Bu elementlerin dış kısmında kalan boşluklarına margin denir.Diğer bir deyişle html elementlerin kenarlıklarının dışında kalan ve diğer elementlerle ayrılmasını sağlayan...
Okumaya devam...