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

Tag Archives: Css

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 ve DIV Kullanarak Web Sayfası Örneği -4- – Web Tasarım & Programlama

Web sayfası örnek tasarım css ve html-1

CSS ve DIV Kullanarak Web Sayfası Örneği -4- – Web Tasarım & Programlama Bu videoda HTML5 etiketleri( header, article, main vb.) kullanarak basit bir sayfa tasarımı yapılmıştır. Tasarımın CSS kodlamasında menü yapımında 2008 yılından beri CSS standardı içinde bulunan flex özelliğinin bir kısmı kullanılmıştır. Ayrıca tasarımdaki menü açılır menü olarak …

Devamı

JavaScript CSS Özelliği Alma ve Değiştirme

JavaScript CSS Özelliği Alma ve Değiştirme

JavaScript CSS Özelliği Alma ve Değiştirme Bu örneğimizde JavaScript ile bir HTML elemanının (Div, H1, H2, p vb.) CSS biçimlendirme özelliğinin nasıl elde edilebileceği ve nasıl değiştirileceğini göreceksiniz. Örneğimizde bir Button kontrolünün arkaplan rengini kontrol edeceğiz. Butona her basıldığında Kırmızı ise Yeşil, Yeşil ise Kırmızı Renk olmasını sağlayacağız. Örneğe ait …

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 – DIV Kullanımı Örnekleri -7 –

CSS – DIV Kullanımı Örnekleri -7 –

CSS – DIV Kullanımı Örnekleri -7 – Bu web tasarım dersi örneğimizde html ve css yapısını kullanarak web sayfası oluşturacağız. Örnek üzerinde position:fixed ve position:sticky kullanımlarını inceleyebilirsiniz. Örnek tasarımda menü için position özelliği sticky olarak ayarlanarak menünün üstte sabit olarak kalması sağlanmıştır. Örneğe ait Html ve CSS kodları aşağıdadır. <!DOCTYPE …

Devamı

CSS ile HTML Nesnelerini Yatay ve Dikey Ortalama – Web Tasarım & Programlama

PHP string Fonksiyonlar – Web Tasarım & Programlama

CSS ile HTML Nesnelerini Yatay ve Dikey Ortalama – Web Tasarım & Programlama <!doctype html> <html>     <head>         <meta charset=“utf-8”>         <title>Yazılım Kodlama</title>         <style>             /*             CSS ile nesneyi ortalamanın birden fazla yöntemi mevcut             Ancak bu yöntem benim için daha sadece…                 */             body{                 display: table-cell;                 text-align: center;                 vertical-align: middle;                 height: 100vh;/*ekran yüksekliğinin tamamı*/ …

Devamı

CSS – DIV Kullanımı Örnekleri – 6 –

CSS – DIV Kullanımı Örnekleri – 6 –

CSS – DIV Kullanımı Örnekleri – 6 – CSS ve div yapısı kullanılarak hazırlanmış örnek web sayfası tasarım. CSS başlangıç seviyesi site tasarım örnekleri. Html+CSS Tasarım Örneği. index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS Div Örnekleri</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="sayfa"> <div id="ust"> <h1 id="logo">Web Tasarım</h1> …

Devamı