• Clear Both Nedir?

    Clear both; sağ tarafa float etmeyi durdurur. Eğer div’lerde float kullanırsak, altına bir tane daha div oluşturmamız gerekir ve bu div’in adına “clear” vermeliyiz. Css sayfasında da “clear” isimli div’e “clear:both” özelliğini veriyoruz. Clear Both Hakkında Clear Both nedir? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. Videmy…

  • Float Nasıl Kullanılır?

    Alt alta gelecek şekilde 4 tane div oluşturuyoruz. 4 div’e de “float:left” özelliğini veriyoruz. Position kullanmadan sadece float ve margin kullanarakta istediğimiz yere getirebiliriz. Float Kullanımı Float nasıl kullanılır? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. Videmy ile iyi öğrenmeler.

  • Margin ve Padding Nasıl Kullanılır?

    Ana bir div oluşturuyoruz ve o div’in içerisinde; ortasına, sağına, soluna ve altına gelecek şekilde div’ler oluşturuyoruz. Margin ve Padding Örnek Kullanımı Margin ve Padding nasıl kullanılır? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. Videmy ile iyi öğrenmeler.

  • Sayfayı Yatay Şekilde Nasıl Ortalarız?

    İlk olarak bir margin belirlememiz gerekiyor. Dışa doğru hem sağdan hem de soldan bir baskı yapması gerekiyor. Sayfada ortalamak istiyorsak; “margin: 0 auto” özelliğini kullanmamız gerekir. Sayfayı Yatay Şekilde Ortalama Sayfayı yatay şekilde nasıl ortalarız? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. Videmy ile iyi öğrenmeler.

  • Padding Nedir?

    Padding; içe doğru boşluk oluşturur. Padding Nedir? Padding nedir? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. Videmy ile iyi öğrenmeler.

  • Margin Nedir?

    Margin; herhangi bir nesnenin dışarıya doğru görünmez bir boşluk bırakmasıdır. Dışarıya doğru kaç piksel verdiyseniz o pikseller de dışa doğru görünmez bir boşluk oluşturuyor. Margin Nedir? Margin nedir? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. Videmy ile iyi öğrenmeler.

  • Firebug Nedir?

    İlk olarak Mozilla eklentisinin olması gerekiyor bu eklentinin ismi de “firebug”dır. Google veya herhangi bir arama motorunda arama yaparak eklentinin resmi sitesine gidip eklentiyi indiriyoruz. Ve “add-ons” sayfasına geliyoruz “add to firefox” butonuna tıklıyoruz. Bu şekilde firebug’u kendi tarayıcınıza kurabilirsiniz. HTML sayfamızı yenileyip firebug’a tıkladığımızda firebug aktif hale geliyor. Firebug…

  • Fixed Position Nedir?

    Fixed; sabittir değişmez. Sayfa da bulunan diğer yazılar resimler aşağı yukarı inerken yer değiştirirken position:fixed özelliğini kullandığımız da değişmez sayfada yeri hep sabit kalır. Fixed Position Nedir? Fixed position nedir? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. Videmy ile iyi öğrenmeler.

  • Absolute Position Nedir?

    Position:absolute; özelliğini verdiğimiz de kapsayan div’e relative (bağlı) olur. Başka divler oluştursakta onlarla herhangi bir bağlılığı olmaz. Absolute Position Nedir? Absolute position nedir? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. Videmy ile iyi öğrenmeler.

  • Relative Position Nedir?

    Relative(bağımlı); dışında ki div’e bağımlı olmasıdır. Position:relative özelliğini kullandığımız da div’in içerisinde yazı veya resim ne varsa ona kaç piksel verirsek verelim bulunduğu div’e bağımlı hareket eder ve verdiğimiz bütün özellikler div’e göre ayarlanır. Relative Position Nedir? Relative position nedir? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. Videmy…

  • Div Nedir?

    “Div” etiketi en önemli etiketlerden biridir ve çok sık kullanılır. Div; istediğiniz her şekli verebileceğiniz, istediğiniz her türlü şeyi atayabileceğiniz bir etikettir. Tamamen değişkendir. Div Nedir? Div nedir? sorusunun yanıtını yukarıda sizin için hazırladığımız video eğitim içeriğinden bulabilirsiniz. Videmy ile iyi öğrenmeler.

  • CSS ile Resimlere Özellikler Nasıl Eklenir?

    İlk olarak sayfamıza resim ekliyoruz. HTML olarak vermek yerine css dosyasında resmimize özellikler verebiliyoruz. Resimlerde işlemler yapabilmek için “img” kodunu kullanıyoruz. “Hover” sadece linklerde kullanılmaz image ile de kullanabiliriz resmin üzerine gelindiğinde de işlem yapar. CSS ile Resimlere Özellikler Ekleme CSS ile resimlere özellikler nasıl eklenir? sorusunun yanıtını yukarıda sizin için…

  • Tablolara Özellikler Nasıl Eklenir?

    CSS ile tablolara da özellikler verebiliyoruz. Öncelikle tablo oluşturuyoruz ve 3 tane satır ve 2 tane sütun ekliyoruz. Tablomuzun dışına 1 piksel kalınlığında border özelliği veriyoruz. Satır veya sütunların ayrı ayrı “background-color” özelliği ile arkaplan renklerini değiştirebiliyoruz. “Border-spacing” özelliğiyle borderların arasında ki boşluğu ayarlıyoruz. Tablolara Özellikler Ekleme Tablolara özellikler nasıl…

  • CSS ile Listelere Özellikler Nasıl Eklenir?

    Öncelikle “ul” ile liste oluşturuyoruz ve içine “li” ile 3 tane eleman ekliyoruz. Eklediğimiz elemanların başına kendi istediğimiz resmi eklemek için “list-style-image” özelliğini kullanıyoruz. “Color” özelliği ile rengini değiştirebiliyoruz. “Float(yaslamak)” özelliği ile elemanlarımızı sola yaslıyoruz. CSS ile Listelere Özellikler Ekleme CSS ile listelere özellikler nasıl eklenir? sorusunun yanıtını yukarıda sizin için…

  • CSS Hover ve Background Image ile Efektli Buton Nasıl Yapılır?

    İlk olarak örnek bir link oluşturuyoruz. Linkimizin arkaplanına “background-image” özelliği ile bir resim ekliyoruz. “Hover(klavye ile üzerine gelindiğinde)” özelliği ile linkimizin arkaplan resmine “background-position” özelliğini veriyoruz ve “y” yönünde -38 piksel aşağıya aldırıyoruz. CSS Hover ve Background Image ile Efektli Buton Örneği CSS Hover ve Background Image ile efektli buton…

  • CSS’de Renk Formları Nelerdir?

    CSS’de renklerimizi “color(renk)” özelliği ile belirliyoruz. Css ‘de renk vermenin farklı yolları; direkt isim olarak vermek, RGB(‘Red’ ‘Green’ ‘Blue) olarak belirlemek, hexadecimal olarak renk belirlemek. RBG’de oranlar; 0-255 arasındadır. Hexadecimal; 0123456789abcdef (16’lık sayı sistemi) Örnek kullanımı: #FF0000; CSS’de Renk Formları Peki, CSS’de renk formları nelerdir? Bu sorunun yanıtını yukarıdaki video eğitim…

  • CSS Mantığı Nedir?

    CSS’i çalıştırırken; öncelikle hangi tag(etiket)’da etkili olacağını yazdırıyoruz. Verdiğimiz özellikler sadece yazdığımız tag’da etkilidir. CSS özelliklerimizi; TagAdı{…} şeklinde yazıyoruz. CSS Mantığı Peki, CSS Mantığı nedir? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. Videmy ile iyi öğrenmeler.

  • CSS Kullanım Çeşitleri Nelerdir?

    CSS dahil yöntemleri 3 şekildedir; 1) Style ile 2) Header’ın içinde style kullanarak 3) Css içinde include ederek, Css’i dahil edebiliriz. Ama önerilen yöntem; css içinde include ederek dahil etmektir. CSS Kullanım Çeşitleri Nelerdir? Peki, CSS kullanım çeşitleri nelerdir? Bu sorunun yanıtını yukarıdaki video eğitim içeriğinde sizin için hazırladık. Videmy ile…

  • CSS Nedir, Neden Kullanılır?

    CSS(Cascading Style Sheets) ile var olan textlere(yazılara) istediğiniz gibi renk verebilirsiniz, boyutunu istediğiniz pikselde ayarlayabilirsiniz, kullandığınız font’u (yazı) değiştirebilirsiniz, istediğiniz şekilde arka plan ekleyebilirsiniz, Mesela; paragrafların tamamını bir kodla değiştirebilirsiniz. Sayfamızın içinde bir “style” dosyası vardır ve bütün CSS kodları bu style dosyasının içindedir. CSS Nedir, Neden Kullanılır? Peki, CSS…

  • Arkaplanda Pozisyonlar Nelerdir?

    Background-repeat özelliğiyle arkaplanın tekrar edip, etmemesini ayarlıyoruz. Eğer değerine “no-repeat” verirsek tekrar etmez ve “repeat-x” değerini verirsek x yönünde yani satır yönünde tekrar ettirir. Repeat-y değerini verirsekte dikey yani sütun bir şekilde tekrar ettirir. Background-position özelliğiyle de pozisyonu ayarlarız. Arkaplanda Pozisyonlar Peki, Arkaplanda pozisyonlar nelerdir? Bu sorunun yanıtını yukarıdaki video eğitim…