Margin (dış boşluk) nedir? margin özelliği bir HTML elementinin çevresi ile ona komşu başka bir HTML elementi arasında belirtilen miktarda genişletip boşluk oluşturur. Bu boşluk kenarlığın dışında olduğu için dış kenarlık ismini vermekteyiz. Dış kenarlığı belirlerken; üst, sol, alt, sağ gibi belirleme imkanımız var iken tek bir css koduylada her Okumaya Devam Et

Merhaba değerli okurlarım! Uzun zamandır bloğuma içerik girmediğim için çok üzgünüm bu yazımda sizlere css dış kenarlıklar konusunu (outline) kullanımından ve tanımlamasından bahsedeceğim. Peki o zaman outline komutunun işlevinden başlayalım: Css’de kenarlık dışında bir kenarlık daha çizme imkanımız bulunmaktadır. dış kenarlık çizmek için ise outline komutunu kullanırız. Outline komutunda şu Okumaya Devam Et

Merhaba değerli okurlarım! Bu yazımda sizlere css kutu modeli nedir, css kutu modeli nasıl kullanılır bu konuları anlatacağım. peki o zaman ilk soruyu cevaplayarak başlayalım: css kutu modeli nedir? bir html nesnesi kutu gibi davranabilir, işte bu modele kutu modeli ismi verilmektedir. css kutu modelinde bilinmesi gereken 4 özellik yer Okumaya Devam Et

Merhaba değerli web tasarım meraklıları! Bu yazımda html form elemanlarını nasıl css ile şekillendireceğimizi ve hangi özellikleri nasıl kullanabileceğimizi anlatmaya çalışacağım. Html form elemanlarımızda yer alan; butonlar, text alanları, check box alanları, radio butonlar gibi bölümleri css ile özelleştirmeyi sizlere anlatacağım. Bir önceki css yazılarımı okuduysanız html elemanlarına nasıl stil Okumaya Devam Et

Merhaba değerli arkadaşlar! Bu yazımda sizlere css’de tablo özelliklerini ve bu özelliklerin kullanımını detaylı bir şekilde anlatacağım. Css ile html’deki yapmış olduğumuz tabloları css ile nasıl şekillendirebiliriz bu yazımda bu konuya detaylı birşekilde deyineceğim. Peki o zaman başlayalım. css tablo şekillendirirken ilk olarak ele alacağımız özellik border: yani kenarlık olacaktır. Okumaya Devam Et

Merhaba değerli arkadaşlar! Bu yazımda sizlere html’de bildiğimiz a elementinin css’de nasıl şekillendirelebileceğimizi anlatacağım. Html’de bağlantılarımızı oluşturduktan sonra hangi css özelliklerini kullanarak bağlantılarımızı şekillendirebiliriz bu yazımda tüm detaylarıyla sizlere anlatacağım. Css kullanarak html sayfamızdaki bağlantıları dört farklı şekilde stil özelliği kazandırabiliriz. Bu css özelliklerini şu şekilde sıralayabiliriz: 1. normal link Okumaya Devam Et

Merhaba değerli arkadaşlar! Bu yazımda sizlere css seçicilerinden olan ve sıkça kullanacağımız class ve id yapısından bahsedeceğim. Css’de elemanlara stil özelliği kazandırırken her elemanın farklı özelliklere sahip olmasını isteyebiliriz, böyle durumlarda seçiciler bize yol gösterecektir. css seçicilerini genel olarak bir html elementini seçmek için kullanırız, ancak ben bu yazımda id Okumaya Devam Et

Merhaba değerli web tasarım meraklıları! Bu yazımda sizlere css position kullanımından ve alabileceği değerlerinden bahsedeceğim. Position ile ilgili tüm bildiklerimi detaylı bir şekilde sizlere örneklerle anlatmaya çalışacağım. Css position özelliği html sayfasında bir nesneyi konumlandırmak ve bilirli bir hareket özelliği kazandırmak için kullanılmaktadır. Position özelliğinin alabileceği en önemli dört değer Okumaya Devam Et

Merhaba değerli okurlarım! Bu yazımda sizlere css’in list özelliklerinden yani lliste özelliklerinden ve kullanımından tüm detaylarıyla bahsedeceğim. html dilinde liste yapımından bahsettik, html ile oluşturmuş olduğumuz listelerimize css kullanarak etki edebilir ve çeşitli özellikler ekleyebiliriz. Css kullanarak listelerimize nasıl sitil görünümü kazandırabiliriz bunu birlikte inceleyeceğiz. List özelliklerinin almış olduğu parametreleri Okumaya Devam Et

Merhaba değerli web tasarımcılar! Bu yazımda sizlere css background kullanımından bahsedeceğim. Html bilgimizden zaten background terimini hatırlıyoruz. şimdi ise css ile background kullanımını ve özelliklerini öğreneceğiz. Background: bir web sayfanın arka planını renklendirmeyi sağlayan bir etikettir. arkaplanı renklendireceğimiz gibi arkaplanımıza bir resimde ekleyebiliriz. Background etiketinin alabileceği parametreleri inceleyelim. background-color : Okumaya Devam Et