• CSS
  • CSS cihaz ortam,medya kontrolleri kodu kullanımı örneği (CSS device,media controls code usage example)

    CSS ile HTML li yönetme yöntemlerine ek olarak sayfanızın çalıştırılan cihaz ortamına göre de yönetebilirsiniz. Cihazın özelliklerine göre stil özelliklerini değiştirebilirsiniz. Bu işlemi CSS “media” sorguları özelliği ile yapabilirsiniz. HTML sayfanızın çalıştığı ortamın ekran türünü, çalıştırılan tarayıcının genişliğini ve yüksekliğini, yön değerini ve ekranın çözünürlüğünü özelliklerini elde edebilir ve bu özelliklere göre istediğinizi CSS kurallarını […]

  • CSS
  • CSS IE için resim etrafındaki çerçeveyi silme kodu kullanımı örneği (CSS remove border around link for IE code usage example)

    Internet Explorer için resme link verme işleminde, resmin etrafında kalan çerçeveyi kaldırmak için aşağıdaki kodu CSS dosyanıza yazınız veya HTML içinde ilgili “a” ve “img” elementlerinin “style” özelliğini aşağıdaki gibi border:”none” ve outline:”none” özelliklerini yazabilirsiniz. veya

  • CSS
  • CSS nedir? nasıl kullanılır? ne işe yarar?

    CSS, Cascading Style Sheets(Basamaklı stil sayfaları/sablonları) kelimelerinin baş harfleri ifade etmektedir. CSS’in doğuşunun sebebi HTML’in yapısına görsel esneklikler katmaktır. CSS, HTML sayfalara düzen tasarımı uygulamamızı sağlar. HTML ve CSS birlikteliği Web Sayfaları ve Web Uygulamaları oluşturmanın temelidir. CSS öğrenmek için CSS Türkçe örnek ve açıklamalarına buradan ulaşabilirsiniz.

  • CSS
  • CSS özellikleri listesi, Türkçe anlam, işlev ve kullanımı örnekleri

    CSS özellikleri listesi Türkçe açıklamaları aşağıdaki gibidir. Özellik Görev açıklaması align-content align-items align-self animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style […]

  • CSS
  • CSS reset.css ve normalize.css

    reset.css dosyası ile amaç HTML elementlerinin tümünün her tarayıcıda aynı görünmesini sağlamakdır. normalize.css dosyası ile ise reset.css ile çözüme gidilememesi bazı elementlerin bozulması sorunundan dolayı, html elementlerinin sıfırlamak yerine html elementlerine aynı özelliği katmayı sağlar. reset.css i buradan alabilirsiniz. normalize.css i de buradan alabilirsiniz.

  • CSS
  • Duyarlı web tasarımı görünümü testi araçları listesi (Responsive web design view testing tool list)

    İnternet tarayısında duyarlı(responsive) ekran görünümü yani mobil ekran gibi görmek için aşağıdaki yolları deneyebilirsiniz. Mozilla FireFox internet tarayıcısı Mozilla FireFox-> Tools-> Web Developer->Responsive Design View (Shift+Ctrl+M, Cmd+Opt+M for Mac OS) Chrome internet tarayıcısı Google Chrome-> Customize and Control Google Chrome->More Tools-> Developer Tools(Ctrl+Shift+I)-> Toogle Device Mode