19.08.2013: Bugün ki ödevim ;
CSS,margin,padding,display,opacity,float,width,height,
z-index,position nedir?Kullanım şekilleri nasıldır?Araştırılacak....
CSS NEDİR?
CSS ingilizce açılımı(Cascading Style Sheets)yani Türkçe olarak katman biçim sayfası anlamındadır.CSS le html de yaptıgımız birçok işlemi yapabiliriz.Mesela bir sayfadaki özelliklerin bir kısmına renk,boyut,arkaplan rengi,sayfadaki konum,sagdan soldan boşluk v.b birçok şey için CSS tanımlayabiliriz.Bir CSS dosyasıyla bütün sayfalarımızın stilini oluşturabiliriz.Bu hem kolaylık saglar hem sayfanın yükünü hafifletir.
Bir CSS i html in içine yerleştirebiliriz.
<a href="link adresi" style="color:white;backgraund:blue;font:10pt verdana;>link adı</a>
bu şekilde yerleştirebilirz.Style içerisindeki kısım CSS özelliklerini belirler.CSS sayfa içerisinde ise
<head> tagını ardından <style> tagları arasına yazılır.
MARGİN NEDİR?
Sayfamızda elementler arası dış boşluk ayarlar.Sağdan ,soldan,alttan,üstten boşluk bırakmamızı buradan yapabiliriz.
margin:10px;
PADDİNG NEDİR?
İçeriğin elementlerin sınırlarına olan uzaklığını ayarlar.
padding:15px;
DİSPLAY NEDİR?
Seçili elemanların tasarımının akışında nasıl etkiler vereceğini belirlememiz saglar.
Aldığı değerler;
display:none;Bir elemanın display özelliğine none değeri verdiğimizde eleman görünmez olur.
display:inline;Bu değerde elemanlar bir satır içinde eleman gibi davranır.
display:block;Bu değerde elemanlar blok elemanı olarak davranır örneğin resimler div alanlar gibi.
display:list-item;html<li> elementleri gibi blok halde bulunan satır içi öğeler barındıran öğeler üretmek için kullanılır.
display:inline-block;Bu özellik ise aynı anda hem blok hem satır için öğeler üretmek için kullanılır.
display:run-in;Satır bitişinin en üstüne taşır ona tarayıcılarda çok fark gösteriyor.
OPACİTİY NEDİR?
Resimlere veya katmanlara saydamlık özelliği verir.
opacitiy:x;
WİDTH NEDİR?
Genişliği ayarlamamıza yardımcı olur.
width:150px;
HEİGHT NEDİR?
Yüksekliği ayarlamamıza yardımcı olur.
FLOAT NEDİR?
Bir html dosyasındaki resmi ilk konumundan başka bir konuma getirmemize yarar.
float:top;
POSİTİON NEDİR?
Bir nesnenin sayfa içinde nasıl konumlanması gerektiğini belirlemek için kullanırız.
ABSOLUTE:Nesneye tarayıcı penceresi orjini baz alınarak pozisyon vermeye kullanırız.
FİXED:Nesneye tarayıcı penceresi orjini baz alınarak sabitlemek için kullanırız.
RELATİVE:Nesneyi sayfadaki mevcut yeri baz alınarak pozisyon vermek için kullanırız.
STATİC:Nesneye pozisyon verilmeyeceğini belirtir.Verdiğimiz pozisyon göz ardı edilir.Varsayılan seçilir.
Z-İNDEX NEDİR?
z-index değeri dokümanımızdaki elementlerin istiflenme sıralarını belirler. z-index elementleri z-ekseninde üstte veya altta nerede duracağınızı belirler. z-indeks değeri küçük olan elementler altta büyük olan elementler ise üstte görünecektir.
VEEE BUGÜN YAPMAM GEREKEN ARAŞTIRMAYI TAMAMLAMIŞ BULUNUYORUM :) :)
Hiç yorum yok:
Yorum Gönder