WEB TASARIMI VE PROGRAMLAMA: Nisan 2017

29 Nisan 2017 Cumartesi

CSS Birimleri

Uzunluk Birimleri

Göreceli ve kesin olmak üzere ikiye ayrılır.

1-Göreceli(Bağıl) Uzunluk Birimleri: "em", "px", "ex" ve "%" birimleridir.

em: "M" harfinin genişliğini baz almasıdır. 16px, 1em'e eşittir.
ex: Küçük x harfinin yüksekliğindedir.
px: Monitörümüz piksellerden meydana gelir. Ekran çözünürlüğüne göre değişir.

2-Kesin Uzunluk Birimleri: "in", "cm", "mm", "pt" ve "pc" birimleridir.

in: İnç'i ifade etmektedir. 1inç=2,54 cm'dir.
cm: Santimetreyi ifade etmektedir.
mm: Milimetreyi ifade etmektedir.
pt: Point(punto) standart baskı birimidir. 1pt=1/72 inç
pc: Pika baskı ölçü birimidir. 1pc=12pt

Renk Birimleri

Renk İsimleri: Tüm tarayıcıda geçerli 16 adet renk isimleri belirlenmiştir.

Rengimiz Kırmızı Olsun

color:red; /*Renk adı ile belirlenmesi*/

color:#f00; /*Kısa RGB kodu ile*/

color:#ff0000; /*Uzun RGB kodu ile*/

color:rgb(255,0,0); /*Tam sayı değeri ile*/

color:rgb(100%, 0%, 0%); /*Yüzde değer ile*/

Stil Şablonları

Stil Şablonlarının Komut Yapısı

<html>

<head>

.

.

.

.

</head>

<body>

.

.

.

</body>

</html>

Stil Şablonların Çeşitleri

Yerel CSS: Html belgesinin <body> bölümüne yazılır. Sadece yazıldığı yerde etkilidir.

Genel CSS:Html belgesinin <head> bölümüne yazılır. Html dosyasının tamamında etkili olur.

Harici CSS:Uzantısı .css <head>.....</head> etiketleri arasına yazılır.

<link rel="stylesheet" type="text/css" href="dosyaismi.css">

Seçiciler

id Seçicileri(ID Selectors): # işaretiyle tanırız.

sınıf Seçicileri (Class Selectors)

Çerçeveler

<frameset>
Çerçeve oluşturmak için kullanılan etikettir.

Cols:<frameset> etiketi ile kullanılan parametrelerden biridir. Sütunlara böler.

<frameset cols="30%, 40%, 30%">

<frameset cols="200, *, 200>

Rows:<frameset> etiketi ile kullanılan bir diğer parametre ise rows parametresidir.Satırlara böler.

<frameset rows="200, *, 200">

<frame> etiketi sayfaların belirlenmesi için kullanılır.

İç İçe Çerçeve Oluşturma:Yatay ve dikey çerçeveler birlikte kullanılır.

Kaydol: Yorumlar (Atom)