CSS İle Temel Düzey Etiket Biçimlendirme

Merhaba değerli okurlarım, webmasterlar ve daha çok webtasarımcıların kullandığı etiket biçimlendirme üzerinde biraz duralım ve basit yöntemlerle etiket biçimlendirme nasıl yapılır açıklayalım, aşağıdaki örnekte, classlar için font seçiminde bulunduk, boyuy seçimi yaptık, kalın türünü seçtik ve son olarak beyaz rengini atadık. Web site tasarlarken sürekli karşınıza çıkacak olan css ile etiket biçimlendirme aşağıdaki gibidir.

Örnek bir etiket biçimlendirme;

 .h1{ 
 font-family: 'neo_sans_proregular'; 
 font-size:20px;
 font-weight:bolder;  
 color:#fff;
 }

 .h2{
 font-family: 'neo_sans_proregular';
 font-size:15px;
 font-weight:bolder;
 color:#fff;
 }
 
 .h3{
 font-family: 'neo_sans_proregular'; 
 font-size:10px;
 font-weight:bolder;
 color:#fff;
 }

 

Etiketleri biçimlendirirken 2 yöntem kullanabilirsiniz, oluşturma biçimine göre class ve id olarak tanımlayabilirsiniz başına # koyarak tanımladıklarınız id dir ve site içerisinde 1 kez kullanılır, başına . koyarak tanımladıklarımız ise class dır ve site içerisinde sınırsız biçimde kullanılabilir fakat aşırı kullanımlarda seo için olumsuz olabilir ona dikkat edelim.

 
 <h1> Büyük Boy Yazı </h1>
 <h2>  Orta Boy Yazı </h2>
 <h3> Küçük Boy Yazı </h3>
 

Css ile etiket biçimlendirme basit anlatım şekli böyledir arkadaşlar iyi kodlamalar 🙂

Önceki Yazı Backlink Nedir? Backlink Ne İşe Yarar?
Sonraki Yazı Çalışabilir Dosya Uzantısı COM

Yazar Hakkında

Mert Can İlter
Mert Can İlter 156 yazı bulunuyor

<p>20 Yaşında İstanbul doğumlu webtasarımcı. İlter webtasarım şirketinin sahibi. Webtasarım, seo işleriyle uğraşan fotoğrafçı ve hayvansever kimse.</p>

Benzer Yazılar

Webmaster 2 Yorum

Hızlı HTML Öğrenmenin Püf Noktaları

HTML öğrenmekte zorluk çekilmesi, aslında nereden başlanılacağının bilinmemesinden kaynaklanmaktadır. Bir makale ile hızlı HTML öğrenilmesi belki mümkün olmayabilmekte en azından nereden başlanacağı ve hılı bir şekilde nasıl öğrenileceği ile ilgili

Webmaster Yorum Yok

İçerik Koruma Yöntemleri

Kurumsal siteleriniz, bloglarınız vb siteleriniz için belki saatlerinizi harcayıp özgün bir makale oluşturmak için uğraşıyorsunuz. Fakat emek vererek oluşturduğunuz bu yazıları copy-paste olarak adlandırılan sistemle çalıyorlar. Bunu önlemenin yolları elbet

Webmaster 2 Yorum

Mysql Sorgu Örnekleri (Select, İnsert into, Update, Delete, Count, Sum, Like)

Web işleri nankördür, derdi bir hocam, bugün gözün kapalı yazdığın kodu yeri gelir saatlerce yazsan da çalıştıramazsın derdi. Zaman geçtikten sonra piyasaya dahil olduktan sonra anlıyor insan öğrendiklerini geliştirmesi gerektiğini..

2 Yorum

Bir Yorum Bırakmak İster Misin?