Css Temel Terimleri

Linkleri görmek için üye olmalısınız.
Register or Login

1.Css Nedir?

Linkleri görmek için üye olmalısınız.
Register or Login

2.Link

Linkleri görmek için üye olmalısınız.
Register or Login

3.Liste

Linkleri görmek için üye olmalısınız.
Register or Login

4.Katman

Linkleri görmek için üye olmalısınız.
Register or Login

5.Font (Yazi Tipi)

Linkleri görmek için üye olmalısınız.
Register or Login

6.Text (Metin)

Linkleri görmek için üye olmalısınız.
Register or Login

7.Imleç

Linkleri görmek için üye olmalısınız.
Register or Login

8.Zemin

Linkleri görmek için üye olmalısınız.
Register or Login

9.Tablo

Linkleri görmek için üye olmalısınız.
Register or Login

10.Scroll Bar

Css Nedir?
HTML bize metin biçimlendirme alanında çok geniş olanaklar sunar. CSS, uzun yazılışıyla Cascading Style Sheets, veya Türkçesiyle Stil şablonlarıise bunu bir adım daha öteye götürür, bize sayfalarımız için global şablonlar hazırlama olanağıverdiği gibi, tek bir harfin stilini; yani renk, font, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki bu esnekliğidir.
Bir web sayfasıiçerisinde zaten estetik kurallarıgereği yüzlerce renk ve font kullanmayız. Genelde birbiriyle uyumlu birkaç renk ve birkaç font kullanırız ki, bunlarıher sayfada ayrıayrıtekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün web sayfamızda kullanabiliriz.Bu şekilde güncelleme yaparken de onlarca sayfayıdeğiştirmekten kurtuluruz.
CSS kodlarıHTML kodlarının içine yazılırlar. Türüne göre body veya head bölümlerinde yer alabilirler. Bunların dışında harici CSS dosyalarıoluşturulup bunlar gerektiğinde HTML belgesi içerisinde çağırılabilirler.
Hemen hemen her konuda olduğu gibi CSS konusunda da Microsoft Internet Explorer ve Netscape farklıyorumlar ortaya koyarlar. Bu noktada her iki browser'ın da aynı/benzer yorumlayacağıkodlar yazmak en uygunudur.

LİNK İZELLİKLERİ
a :Linkin, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur.
a:hover :Linkin imleç üzerine getirildiğindeki durumudur.
a:active :Linkin tıklandığıandaki durumudur.
a:visited :Linkin tıklandıktan sonraki durumudur.

BİİİMLENDİRME:
color:Linkin rengini belirler.
background-color:Linkin zemin rengini belirler.
background-image:Linkin zeminine resim ekler(Bu animated-gif de olabilir.)
text-decoration:Linkin altının,üstünün vs. çizgili olup olmayacağınıbelirler.
font-weight:Yazının kalınlık veya inceliğini belirler.
border:Linkin etrafına kenarlık ekler.
display:Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar.

LİSTE İZELLİKLERİ
disk:Liste biçiminin disk (içi dolu daire) şeklinde olmasınısağlar.
circle : Liste biçiminin çember şeklinde olmasınısağlar.
square : Liste biçiminin kare olmasınısağlar.
decimal : Liste biçiminin rakamlardan oluşmasınısağlar.
lower-roman : Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasınısağlar.
upper-roman : Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasınısağlar.
lower-alpha : Liste biçiminin a,b,c şeklinde küçük harf olmasınısağlar.
upper-alpha : Liste biçiminin A,B,C şeklinde büyük harf olmasınısağlar.
none : Listenin simgesiz olmasınısağlar.
inside : Listenin ikinci satırının en soldan başlamasınısağlar.
Outside : Listenin ikinci satırının ilk satır ile aynıyerden başlamasınısağlar.
list-style-image : Liste biçiminin resim olmasınısağlar.

KATMAN İZELLİKLERİ
position:Katmanın yerinin belirlenmesini sağlar.
absolute:Katmanın yerinin pencere esas alınarak belirlenmesini sağlar.
relative: Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar.
static:Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar.
top:Katmanın üstten ne kadar aşağıda olmasıgerektiğini belirler.
left:Katmanın soldan ne kadar içeride olmasıgerektiğini belirler.
width:Katmanın genişliğinin ne kadar olacağınıbelirler.
height:Katmanın yüksekliğinin ne kadar olacağınıbelirler.
overflow:Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağınıbelirler.
auto:Otomatik olarak belirlenir.
scroll:Kaydırma çubuğu ekleyerek görünmesini sağlar.
visible : Katmanıbelirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar.
hidden:Sığmayan yerleri gizler.
visibility:Katmanın görünebilirlik ayarınıyapar.
visible : Katmanın görünür olmasınısağlar.
hidden:Katmanıgizler.
z-index : Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağınıbelirtir.

FONT İZELLİKLERİ
font-family:Yazıtürünü belirler.(Arial , Verdana gibi.)
font-style:Yazının normal veya sağa eğik olmasınısağlar.
font-variant:Yazının normal veya tümünün büyük harflerden oluşmuş olmasınısağlar.
font-weight:Yazının kalınlık-inceliğini belirler.
font-size:Yazının büyüklüğünü belirler.

TEXT İZELLİKLERİ
word-spacing : Kelimeler arasında bırakılacak boşluğu boşluğu belirler.
letter-spacing : Harfler arasında bırakılacak boşluğu boşluğu belirler.
text-decoration : Kelimenin altının , üstünün vs. çizili olup olmayacağınıbelirler.
underline : Kelimenin altının (Satır altından) çizili olmasınısağlar.
overline : Kelimenin üstünün (Satır üstünden) çizili olmasınısağlar.
line-through : Kelimenin ortasından çizili olmasınısağlar.
blink : Kelimenin yanıp sönmesini sağlar.(Netscape için)
vertical-align : Metnin yatay olarak nasıl hizalanacağınıbelirler.
text-transform: Kelimelerin büyük harf veya küçük harflerden oluşmasınısağlar.
capitalize : Kelimelerin ilk harflerinin büyük olmasınısağlar.
uppercase : Kelimelerin bütün harflerinin büyük olmasınısağlar.
lowercase : Kelimelerin bütün harflerinin küçük olmasınısağlar.
none : Kelimelerin orjinal metindeki gibi olmasınısağlar.
text-align: Metnin dikey olarak nasıl hizalanacağınıbelirler.
left : Metni sola yaslar.
right : Metni sağa yaslar.
center : Metni ortalar.
justify : Metni iki yana yaslar.
text-indent : Metnin ilk satırının soldan ne kadar içerden başlayacağınıbelirler.
line-height : Satırın yüksekliğini ayarlar.(Yüksek değer verildiğinde satırlar arasındaki boşluk artar.)
first-line : Metnin ilk satırının biçimlendirilmesini sağlar.
first-letter : Metnin ilk harfinin biçimlendirilmesini sağlar.

İMLEİ İZELLİKLERİ
crosshair:İmlecin artıişareti şeklinde olmasınısağlar.
auto:İmlecin metinde dikey çizgi ,boş alanda normal ok şeklinde olmasınısağlar.
default:İmlecin hem metinde hem de boş alanda normal ok şeklinde olmasınısağlar.
hand:İmlecin linkte olduğu gibi el şeklinde olmasınısağlar.
move:İmlecin taşıma işareti şeklinde olmasınısağlar.
ne-resize:İmlecin sağa yatık normal ok olmasınısağlar.
nw-resize:İmlecin sola yatık normal ok olmasınısağlar.
se-resize:İmlecin yukardan aşağıdoğru ve sağa yatık normal ok olmasınısağlar.
sw-resize:İmlecin yukardan aşağıdoğru ve sola yatık normal ok olmasınısağlar.
n-resize:İmlecin aşağıdan yukarıya doğru ince ok şeklinde olmasınısağlar.
s-resize:İmlecin yukardan aşağıdoğru ince ok şeklinde olmasınısağlar.
w-resize:İmlecin sola doğru ince ok şeklinde olmasınısağlar.
e-resize:İmlecin sağa doğru ince ok şeklinde olmasınısağlar.
text:İmlecin hem metinde hem de boş alanda metinde olduğu gibi görünmesini sağlar.
wait:İmlecin meşgul animasyonuna dönüşmesini sağlar.
help:İmlecin yardım-soru işaretine dönüşmesini sağlar

ZEMİN İZELLİKLERİ
background-color: Zeminin rengini belirler.
#color : Renk adı.
transparent: Zeminin saydam olmasınısağlar.
background-image: Zemine resim yerleştirilmesini sağlar.
url : Zemine yerleştirilen resmin adresi.
background-repeat: Zemine yerleştirilen resmin nasıl yayılacağınıbelirler.
repeat : Resmin bütün zemine yayılmasınısağlar.
repeat-x : Resmin sol-üstten sağ-üste doğru yayılmasınısağlar.
repeat-y : Resmin sol-üstten sol-alta doğru yayılmasınısağlar.
no-repeat: Resmin yayılmadan orjinal boyutuyla görünmesini sağlar.
background-attachment: Zemindeki resmin , sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler.
scroll : Sayfa hareket ettirildiğinde zeminin de kaymasınısağlar.
fixed: Sayfa kaydırılsa da zeminin sabit kalmasınısağlar
background-position: Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar.
top : Resmi yukarıyerleştirir.
center : Resmi ortalar.
bottom : Resmi aşağıyerleştirir.
left : Resmi sola yerleştirir.
right: Resmi sağa yerleştirir.
...px : Resmin soldan istenilen ölçüde içerde olmasınısağlar.

TABLO İZELLİKLERİ
margin : Tablo ile pencerenin kenarlarıarasında bırakılacak boşluğu belirler.
margin-top : Tablo ile pencerenin üst kenarıarasında bırakılacak boşluğu belirler.
margin-right : Tablo ile pencerenin sağ kenarıarasında bırakılacak boşluğu belirler.
margin-bottom : Tablo ile pencerenin alt kenarıarasında bırakılacak boşluğu belirler.
margin-left : Tablo ile pencerenin sol kenarıarasında bırakılacak boşluğu belirler.

padding : Tablo kenarları ile tablo içeriği (Yazıvb.) arasında bırakılacak boşluğu belirler.
padding-top : Tablonun üst kenarıile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-right : Tablonun sağ kenarıile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-bottom : Tablonun alt kenarıile tablo içeriği arasında bırakılacak boşluğu belirler.
padding-left : Tablonun sol kenarıile tablo içeriği arasında bırakılacak boşluğu belirler.

border : Tablonun kenarlarının şekillendirilmesini sağlar.

border-top : Tablonun üst kenarının şekillendirilmesini sağlar.
border-left : Tablonun sol kenarının şekillendirilmesini sağlar.
border-bottom : Tablonun alt kenarının şekillendirilmesini sağlar.
border-right : Tablonun sağ kenarının şekillendirilmesini sağlar.

border-width : Tablonun kenarlarının kalınlığınıbelirler.
border-top-width : Tablonun üst kenarının kalınlığınıbelirler.
border-right-width : Tablonun sağ kenarının kalınlığınıbelirler.
border-bottom-width : Tablonun alt kenarının kalınlığınıbelirler.
border-left-width : Tablonun sol kenarının kalınlığınıbelirler.

border-style : Tablonun kenarlık türünü belirler.
border-top-style : Tablonun üst kenarlık türünü belirler.
border-right-style : Tablonun sağ kenarlık türünü belirler.
border-bottom-style : Tablonun alt kenarlık türünü belirler.
border-left-style : Tablonun sol kenarlık türünü belirler.

border-color : Tablonun kenarlarının rengini belirler.
border-top-color : Tablonun üst kenarının rengini belirler.
border-right-color : Tablonun sağ kenarının rengini belirler.
border-bottom-color : Tablonun alt kenarının rengini belirler.
border-left-color : Tablonun sol kenarının rengini belirler.

color : Tabloda geçen metnin rengini belirler.

width : Tablonon genişliğini belirler.

height : Tablonun yüksekliğini belirler.

NOT : Başlık "TABLO" olarak verildi Ancak bu nitelikler başta TD , TR , TH vs. olmak üzere hemen her etiket için kullanılabilir.CSS' yi özel kılan da zaten bu...

KAYDIRMA İUBUİU İZELLİKLERİ
scrollbar-face-color :Kaydırma çubuğunun yüzey rengi , aynızamanda zemini de etkiliyor.
scrollbar-base-color :Kaydırma çubuğununun sol ve üst kenarlıklarınıçizgi halinde kaplıyor.
scrollbar-shadow-color :Sağ ve alt kenarlıkların gölge rengi.
scrollbar-highlight-color :Sol ve üst kenarlıkların gölge rengi,aynızamanda zemini de etkiliyor.
scrollbar-arrow-color :Yön oklarının rengi

Kaydırma çubuğuu, sadece Internet Explorer'da geçerlidir.

Not: Alıntıdır

Bölümler

Search

Hızlı Chat