Tasarımı Kaydet  Kapat

Blog / Makalelerimiz

Web Sayfası İÇİN GEREKLİ CSS KODLARI

Web Sayfası İÇİN GEREKLİ CSS KODLARI

Web Syfası İçin Gerekli Css Kodları

Herkese Merhaba, Web Syfası hazırlarken sabit olarak gelen ve her Web Syfası teması için gerekli olan CSS Kodlarını bu yazımızda sizlerle paylaşmak istedik.Sıfırdan Web Syfası tema kodlarken genelde unuttuğumuz ve temayı kullanmaya başladığımız zaman yazı yazarken tanımlamış olduğumuz bold,strong,resmi sağa sola dayatma vb kodlarımızın geçersiz olduğunu görüyoruz.Sıfırdan tema yazanlar için gerekli olan bu kodlar varsayılan olarak default temaların içinde gelse de bazen temaları yaparken gözden kaçırıyoruz.Paylaşacağımız css kodlarını temanızın css kodlarına eklerseniz metin editörünüzden,yazınızda yapmış olduğunuz değişiklikleri görebilirsiniz ve yazınızı daha kaliteli bir şekil de okuyucularınıza sunabilirsiniz.

Konu için resim ayarları için;

img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {
max-width: 100%;
height: auto;
}
.alignleft,img.alignleft {
display: inline;
float: left;
margin-right: 14px;
margin-top: 4px;
}
.alignright,img.alignright .noalignment img.noalignment{
display: inline;
float: right;
margin-left: 14px;
margin-top: 4px;
}
.aligncenter,img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,img.alignright,img.aligncenter {
margin-bottom: 12px;
}

Yazı Elementleri için;

dl {
margin: 0 0 24px 0;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 18px;
}
strong {
font-weight: bold;
}
cite,em,i {
font-style: italic;
}
big {
font-size: 131.25%;
}
ins {
background: #ffc;
text-decoration: none;
}
blockquote {
font-style: italic;
padding: 0 10px 0 10px;
border-left-style: dashed;
border-left-width: 3px;
border-left-color: #CCCCCC;
margin-left: 10px;
font-size: 11px;
}
blockquote cite,blockquote em,blockquote i {
font-style: normal;
}
pre {
background: #f7f7f7;
color: #222;
line-height: 21px;
margin-bottom: 18px;
padding: 1.5em;
font-size: 12px;
}
abbr,acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}

Yazı Elementlerini temanızın tasarımına göre düzeltebilirsiniz..

Bu kodlar reset.css tarzı tüm tasarım fonksiyonlarının sıfırlanmasının ardından gereken kodlardır.

Etiketler: css web html 


Yeni Yorum Yaz
Oyla:

?
Makale Kategorileri
Makale Arşivi

Rastgele Makaleler
En Popüler Etiketler
css web html tasarım programlama seo aramamotoru 
En Çok Puanlananlar

Son Makaleler
Yazarlar