CSS NEDİR? NASIL
KULLANILIR
CSS,Cascading
Style Sheets=Katmanlı Biçim Sayfaları anlamına
gelmektedir.HTML nesnelerini belirli bir standart üzerine biçimlendirmek
için kullanılır.HTML’nin sahip olduğu ve en önemlisi eksik kaldığı birçok
biçimlendirme özellğine sahiptir.CSS sitedeki sayfaların görüntüsünü tek düze
yapmak ve tüm içeriği benzer şekilde biçimlendirmek için kullanılır.CSS
tarayıcının kişiye has bazı ayarlamalarına karşı sitenin görüntüsünü garanti
eder.CSS sayesinde sitenize ait tüm sayfalar aynı formatta olabilir.Başka bir
deyişle sayfalarınızın biçimini tek elden CSS yapısını değiştirerek
ypabilirsiniz…
ÖNCEDEN TANIMLANMIŞ BİR
CSS DOSYASINI SAYFAMIZA NASIL ÇAĞIRIRIZ?
CSS dosyası
uzantısı .css olan
dosyadır.Amacı çağrıldığı bütün sayfaların CSS kurallarını taşımaktır.Sayfa
içerisine yerleştirilen CSS kodlarından tek farkı sadece bir sayafaya değil
çağrıldığında bütün safalara etki etmesidir.Bir css dosyası içinde sadece css
kodları bulunur.
ÖRNEĞİN: bir css dosyası içeriği
a{font-color:blue;margin:px;}
CSS dosyası
oluşturmak için kodları bir not defterine yazıp uzantısını .css diye yapmamız
yeterlidir. Oluşturduğumuz bu CSS i HTML sayfasına eklemek için:
è<head> kod bölümüne è <link rel=”stylesheet”
type=”text/css” href=http://dosyanın
bulunduğu adres /stildosyaadı.css>
Yazmamız
yeterlidir.
bunları örneklendirelim : css kullanımı
<title>CSS NEDIR NASIL KULLANILIR </title>
<style>
h1{color:green;text-aling:center;}
p{color:red;font-size:24px;}
b{color:blue;font-size:36px;}
</style>
</head>
<body>
<h1> CSS NEDIR NASIL KULLANILIR ?</h1>
<p>CSS, Cascading Style Sheets=Katmanli Biçim Sayfalari anlamina gelmektedir.HTML nesnelerini belirli bir standart üzerine biçimlendirmek için kullanilir.
</p>
<b> CSS sitedeki sayfalarin görüntüsünü düzen olarak tek düze yapmak ve tüm içerigi benzer sekilde biçimlendirmek için kullanilir.</b>
</body>
<title>CSS çagirma</title>
<link rel=stylesheet type=text/css href=benim.css>
</head>
<body>
<div class="css">
<h2> CSS dosyasini çagirma </h1>
<p> CSS dosyasi uzantisi .css olan dosyadir. Amaci çagrildigi bütün sayfalarin CSS kurallarini tasimaktadir.</p>
</body>
MARGİN NEDİR? NASIL
KULLANILIR?
Elementin
komşu elementlere olan uzaklığını belirtmek için kullanılır.
kullanımı:
<title>MARGIN</title>
<style>
u{color:red;margin:32px;}
h5{color:green;}
</style>
</head>
<style>
u{color:red;margin:32px;}
h5{color:green;}
</style>
</head>
<body>
<h5> MARGIN </h5>
<b> <u>Elementin komsu elementlere</u>olan uzakligini belirtir.</b>
</body>
<h5> MARGIN </h5>
<b> <u>Elementin komsu elementlere</u>olan uzakligini belirtir.</b>
</body>
PADDİNG NEDİR? NASIL
KULLANILIR?
İçeriğin
elementin sınırlarına olan uzaklığını belirlemek için kullanılır.
Kullanımı:
a{padding:4px;}:
Hiç yorum yok:
Yorum Gönder