Anasayfa / Yazılım / HTML / CSS

HTML / CSS

CSS Border Özelliği

CSS’de en çok kullanmış olduğumuz özelliklerden birisi de Border özelliğidir. Bu özelliğin bazı detaylarına değinmek istiyorum. Border için genişlik değeri için kullanılabilecek değerler, Direkt olarak bir uzunluk verilebilir. Bu uzunluk em, px, cm tipinde olabilir. 5em, 3cm, 40px gibi.. Genişlik yüzde olarakda verilebilir. 50%, 30% gibi.. thin medium thick gibi standart tanımlamalarda mevcuttur. Borderda bir diğer değer verilebilecek kriterde border ...

Devamını Oku »

CSS Kullanımında Ölçüler

CSS tanımlamalarımızda bir çok CSS özelliğini tanımlarken ölçü birimlerine ihtiyaç duyarız. Örneğin bir yazı tipi için karakter boyutunu ayarlamak, çizilecek bir çizgi için piksel boyutunu ayarlamak gibi bir çok işlemi yapabilmek için bir uzunluk ölçüsü, bir ölçüm tipi belirlemek gerekir. CSS’de bir ölçü birimi tanımlarken vereceğimiz değer ile ilgili ölçü birimi arasında asla boşluk olmamalıdır. Aşağıdaki gibi olmalı yani : ...

Devamını Oku »

CSS Renk Tanımlamaları

CSS özellikleri içinde en sık kullanılan özellik renk tanımlamalarıdır. Bunun için color özelliğinden faydalanıyoruz. Renkleri tanımlarken de bir kaç yoldan yararlanabiliyoruz. 3 farklı yollara renkleri tanımlayabiliyoruz. Birincisi direkt rengin adını vermek; red, yellow, darkblue, black, white gibi. İkinci yol rengin hexadecimal kodunu vermek. Hexadecimal olarak kodu vermek için başında # kullanmak zorundayız. #33FFAA gibi.. Birde daha zor bir yol olan ...

Devamını Oku »

Important Deyimi ile CSS Cascade Yapısını Parçalamak

Bir önceki yazımda CSS yapısından bahsettim. CSS’de hangi sıralamaya göre HTML elementler hangi özellikleri alır buna değindim. Hatta bu yazı bir nevi devam niteliğinde olduğu için hiç bilmeyenler bir göz atsınlar. CSS Yapısında Sıralama Normal bir cascade yapısını override edebilmenin yolu mevcut. Çok sık kullanılmasa da değinmeden geçmek istemiyorum. Bu normal cascade yapısını override etmek için kullanılan deyim “important” Aşağıdaki ...

Devamını Oku »

CSS Yapısında Sıralama

CSS’i iyi anlayabilmek için kaskat yapısını ve miras olayını anlamak gerekiyor. Bir CSS dokümanındaki herhangi bir öğe için, bir element için hangi özelliklerin kullanılacağını browser belirler. Daha önceki yazılarımda bir HTML dokümana CSS tanımlamaların 3 farklı yol ile yapıldığını belirttim. Bunlar inline, embedded ve external olarak orjinalde adlandırılan Türkçe olarak ifade etmek gerekirse satıriçi, sayfaya gömülü ve harici bir CSS ...

Devamını Oku »

Pseudo-element ve Pseudo-Class Selector Kullanımı

CSS pseudo-element ve pseudo-class kavramlarını desteklemektedir. Peki nedir bu pseudo, nelerdir buna değinelim. Öncelikle bununla ilgili bir tablo vermek istiyorum, açıklamaları ile birlikte bunları aşağıdaki resme tıklayınca rahatlıkla görebilirsiniz. Kullanımına dair bir örnek verelim..

Devamını Oku »

CSS Selector – Attribute Kavramı

CSS’de selector kavramına değinmek istiyorum. CSS aslında bilindiği üzere bir programlama dili değil, bir nevi işaretleme yaptığımız bir dil diyelim. Burada işaretleme yaparken bir takım kurallara uyuyoruz. Örneğin bir HTML öğe için işaretleme yaparken direkt olarak HTML öğenin adını kullanıyoruz. h1, h2, p, input vb.. Bunun yanı sıra .kutu, .cerceve gibi kullanımda da classlara gönderme yapıyoruz. Birde # kullanarak #kutu, ...

Devamını Oku »

CSS Kullanımı

HTML dökümanlarımıza CSS eklemenin birden fazla yolu vardır. Bunlardan en basiti inline olarak bir HTML öğenin içerisine style kodu tanımlamaktır. Burada h1 elementi içinde arka plan rengi gri şekilde olan, rengi kırmızı olan bir yazı tipinde İsmail GÜRSOY h1 başlığını yazdırdık. Görüldüğü gibi CSS tanımlamam HTML elementim içinde style etiketi ile başladı.Style etiketinin hemen ardından bir tanımlama yapıyorum onun ardından ...

Devamını Oku »

CSS Nedir?

CSS (Cascading Style Sheet), HTML ile doğrudan ilişkilidir. HTML öğelerinin kullanıcıya sunuş biçimini belirler aslında. HTML?de olduğu gibi Jquery ve JavaScript içinde CSS önemlidir. 130?dan fazla CSS özelliği bulunmaktadır. Tarayıcı da bir HTML dokümanı görüntülendiğinde ve bu doküman içinde HTML elementleri bulunduğunda bu elementlerin özelliklerini CSS belirlemektedir. CSS ile ilgili elementin ne şekilde görüntüleneceğini belirleyebilmekteyiz. Örneğin bir h1 elementi içinde ...

Devamını Oku »

HTML Form, Input, Button, Img, div Elementleri Kullanımı

HTML kontrolleri içinden Form kontrolü body elementleri içinde yer alabilen içinde bir çok kontrolü ve içeriği bulundurabilen kontroldür. Input elementi de kullanıcıdan veri almamızı sağlayan bir text kutusudur. ASP’de bildiğimiz TextBox yani, yazılımcılar iyi bilirler. 🙂 Bir de button kontrolümüz vardır HTML olarak buton oluşturmamızı sağlar. Bu butona tıklandıktan sonrada bir takım olaylar yani eventler tetiklenebilir. Bunların kullanımı ile alakalı ...

Devamını Oku »