Sitemizde 29 Kategoriye 2385 Eğitim Eklenmiştir, 4172 adet yorum bulunmaktadır.

Tag Archives: Css dökümanları

CSS px, em, rem Kullanımı

CSS px, em, rem Kullanımı

CSS px, em, rem Kullanımı CSS ile uygulamalarımızda tasarımlar yaparken sıklıkla ölçü birimlerini birlikte kullanırız. Ancak bu ölçü birimlerinin arasındaki farklar veya benzerlikler konusunda fikir sahibi miyiz? İşte bu yazı size px, em, rem nedir sorusuna cevap verecek ve arasındaki farkları örneklerle açıklayacaktır. Erişilebilir web siteleri oluştururken, ölçü birimlerini çalışmanıza …

Devamı

CSS ile Checkbox’ lara Stil Verme (Kod + Video)

CSS ile Checkbox’ lara Stil Verme (Kod + Video)

CSS ile Checkbox’ lara Stil Verme (Kod + Video) HTML ile oluşturulmuş formlar ve form elemanlarının göze hitap etmesi için CSS ile ufak dokunuşlar yapabiliriz. Bu örnekte HTML sayfasına eklemiş olduğumuz checkbox kontrollerini CSS ile biçimlendireceğiz. Örnekte bitişik kardeş seçiciler ve Font Awesome kullanılmıştır. Kodlara ve örneğin yapılış videosuna yazının …

Devamı

CSS ile Shadow (Gölge) Efekti Verme

CSS ile Shadow (Gölge) Efekti Verme

CSS ile Shadow (Gölge) Efekti Verme CSS Shadow (Gölge) Efekti Verme CSS ile metne ve öğelere gölge ekleyebilirsiniz. Bu bölümde aşağıdaki özellikleri öğreneceksiniz:   CSS Text Shadow CSS text-shadow özelliği, metne gölge uygular. En basit kullanımında, yalnızca yatay gölgeyi (2px) ve dikey gölgeyi (2px) belirtirsiniz: <!DOCTYPE html> <html> <head> <style> …

Devamı

CSS Uzunluk Birimleri Rehberi

PHP string Fonksiyonlar – Web Tasarım & Programlama

CSS Uzunluk Birimleri Rehberi Temel olarak, CSS uzunluk birimleri web sitelerinin ölçülmesinde ve oluşturulmasında önemli bir role sahiptir. Kenar boşlukları ve dolgular gibi birçok CSS özelliği, çeşitli sayfa öğelerini düzgün şekilde görüntülemek için uzunluk ölçümlerine bağlıdır. Öyleyse, her birinin kendi özel amacına hizmet eden, CSS’de uzunluğu ifade etmek için birkaç …

Devamı

CSS Örnekleri : 🇹🇷 İstiklâl Marşı (Video)

CSS Örnekleri

CSS Örnekleri : 🇹🇷 İstiklâl Marşı (Video) HTML’ye uğraşmaya başladıktan sonra, muhtemelen web sayfalarınıza daha fazla güç katmakla ilgileneceksiniz. CSS bunu yapmanın en iyi yoludur. CSS, çok sayıda satır içi HTML stili kullanmak zorunda kalmadan tüm sayfanızdaki değişiklikleri uygulamanıza olanak tanır. CSS bir web sitesinin tarzını ifade eder. CSS kodlamaya …

Devamı

CSS ve DIV Kullanarak Web Sayfası Oluşturma Örneği -2-

PHP string Fonksiyonlar – Web Tasarım & Programlama

CSS ve DIV Kullanarak Web Sayfası Oluşturma Örneği -2-   <!doctype html> <html> <head> <meta charset=“utf-8”> <title>www.phpsitesi.com</title> <link href=“https://www.phpsitesi.com/css/css-ve-div-kullanarak-web-sayfasi-olusturma-ornegi-2/style.css” rel=“stylesheet”> </head>   <body> <div class=“menu-ust”> <div id=“logo”> <h1>phpsitesi.com</h1> </div> <div class=“menu”> <ul> <li><a href=“https://www.phpsitesi.com/css/css-ve-div-kullanarak-web-sayfasi-olusturma-ornegi-2/#”>Anasayfa</a></li> <li><a href=“https://www.phpsitesi.com/css/css-ve-div-kullanarak-web-sayfasi-olusturma-ornegi-2/#”>Ürünler</a></li> <li><a href=“https://www.phpsitesi.com/css/css-ve-div-kullanarak-web-sayfasi-olusturma-ornegi-2/#”>Hakkımızda</a></li> <li><a href=“https://www.phpsitesi.com/css/css-ve-div-kullanarak-web-sayfasi-olusturma-ornegi-2/#”>İletişim</a></li> </ul> </div> <div class=“temizle”></div> </div> <div class=“sayfa”> <div class=“ust”> <img …

Devamı

CSS Basit Dikey Menü Örneği

CSS Basit Dikey Menü Örneği

CSS Basit Dikey Menü Örneği CSS ile basit dikey menü oluşturma örneği. HTML + CSS kodları ve ekran çıktısı aşağıdaki gibidir. Örnekte hover seçicisi kullanılarak fare ile menü üstüne gelindiğinde renk değişimi uygulanmıştır. Sitedeki diğer menü örneklerine ulaşmak için tıklayın. HTML+CSS Kodları: <!doctype html> <html> <head> <meta charset=”utf-8″> <title>phpsitesi.com</title> <style> …

Devamı