• Sonuç bulunamadı

CSS İLE METİN BİÇİMLENDİRME

N/A
N/A
Protected

Academic year: 2021

Share "CSS İLE METİN BİÇİMLENDİRME"

Copied!
4
0
0

Yükleniyor.... (view fulltext now)

Tam metin

(1)

CSS İLE METİN BİÇİMLENDİRME

STİLLERİ CSS DOSYASINDAN ÇAĞIRMAK

(2)

1. Stilleri CSS Dosyasından Çağırmak

Öncelikle bir not defteri ya da CSS düzenleyici program açılmalı.

CSS Kodları CSS Kod Yapısı'na uygun olarak yazılır ve kaydedilir.

HTML Sayfası açılıp <head> ile </head> arasına aşağıdaki şekilde stil dosyasının adı belirtilir.

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

(3)

2. HTML Sayfasında CSS Yazmak

HTML sayfamızda HEAD elementlerinin arasında STYLE elementi kullanarak stiller oluşturulması mümkün. Örnek:

<html> <head> <title>Sayfa Başlığı</title> <style type="text/css">

body { background-color:black; color:white; }

p { font-family: Tahoma, Verdana; font-size: 12px; }

</style> </head> <body> <p>Bu 12 piksel Tahoma yazı tipi ile yazıldı.

</p> </body> </html>

(4)

3. HTML Elementinin İçerisinde Stil Belirtmek

Bazen stil dosyası ya da STYLE elementi kullanmadan hızlı çözümler üretmek gerekebilir.

Böyle durumlarda her elementin style=""

özelliği kullanıma hazırdır. CSS kodlarını element içinde açılan STYLE özelliğine sıralanır.

Örneğin;

<p style="font-family: Tahoma; font-size: 12px;">

Bu 12 piksel Tahoma yazı tipi ile yazıldı. </p>

Referanslar

Benzer Belgeler

Aşağıdaki sayı dorusunda harflerle gösterilen yerlere denk gelen kesirleri yazınız.. kesirlerini aşağıdaki

Örnek: C programı ile 10 elemanlı bir dizinin elamanlarının okutulup yazdırılması, toplam ve ortalamasının

#stil { font: 10pt Tahoma, Verdana; color: blue; } Görüldüğü gibi bu kez diyez (#)

movlw 0x3f movwf tbasi movlw 0x00 movwf tbasi+1 movlw 0x5b movwf tbasi+2 movlw 0x00 movwf tbasi+3 movlw 0x66 movwf tbasi+4 movlw 0x00 movwf tbasi+5

CSS, HTML öğelerinin ekranda, kağıtta veya başka ortamlarda nasıl görüntüleneceğini açıklar.. CSS çok

[1]

CSS kenarlık özelliği, bir HTML öğesinin etrafındaki bir kenarlığı tanımlar.. p {border: 1px

[1]