Anasayfa / CSS / CSS (Cascading Style Sheets) ve XHTML-1

CSS (Cascading Style Sheets) ve XHTML-1

CSS
Cascading Style Sheets (CSS) HTML ‘deki bazı problemleri halletmek için ama asıl neden olarak da; web sayfası içeriği ve web sayfası görünümünü birbirinden ayırmak için oluşturulan bir standarttır. CSS HTML’e göre bir çok stil özelliğine sahiptir. CSS’in sayfa içeriği öğelerinin sayfa görünümü öğelerinden ayrılması için geliştirildiğini düşünürsek avantajı baştan anlaşılmış olur.

XHTML ve CSS
CSS uygun stilleri ve bu stilleri nasıl uygulanacağını belirlemek için (X)HTML dökümanının yapısını kullanır. (X)HTML Sayfa yapısına stil uygulamanın bir çok yolu vardır.

<html>
 <head>
 <title> CSS (X)HTML Hiyerarşisi </title>
 </head>
 <body>
 <h1>CSS<em>(X)HTML Hiyerarşisi </em></h1>
 Sitemize hoş geldiniz <em>Merhaba</em>biz <strong>sizler için <a href="konu.html"> bazı <em>önemli</em> konular </a></strong>! hazırladık

<ul>
 <li>Konu Başlıkları :
 <ul>
 <li><strong>Asıl</strong> Giriş</li>
 <li>Önsöz</li>
 <li><em>ilk</em> bölüm:
 <ol>
 <li>Elma</li>
 <li>Armut</li>
 <li>Karpuz</li>
 </ol>
 </li>
 </ul>
 </li>
 <li>...vd.</li>
 </ul>
 <p>Ayrıntılılı bilgi çin <a href="mailto:herturbilgi.com"> mesaj gönder </a></p>
 </body>
 </html>

Bu örnek bir XHTML sayfasıdır.

CSS i Kullanım Yolları

1-Kod İçinde(inline)
Direk olarak (X)HTML elementin içine style özelliği kullanılarak uygulamak.

<div style="color:red">Deneme yazımız</div>

2-style Elementi Kullanılarak
<head> kısmında <style> elementi içinde CSS kodumuzu yazarak uygulamak.

<style type="text/css">
 div{
 color:red;
 }
 </style>

3-Harici Stil Şablonu
Bu metod da CSS kodlarımzı .css uzantılı bir dosyaya kaydederiz. ornek.css

p {
 color: red;
 }

a {
 color: blue;
 }

Daha sonra bu kodu gereken sayfalarımıza uygularız.

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

[email protected] ile eklemek

<style type="text/css">
 @import "ornek.css";
 </style>

Css ile ilgili nedir ne şekilde kullanılır gibi temel bilgileri edinmiş olduk. Bir sonraki yazımda devam edeceğim.

Kolay Gelsin..

Hakkında Ali Demirci

Ben Ali Demirci... 1991 Ankara doğumluyum. Ankara da yaşıyorum. Fırsat buldukça öğrendiklerimi burada paylaşıyorum. Java ile haşır neşirim. Android'den asla vazgeçemem. Öğrenmeye bayılırım. Yeni şeyler öğrendiğimde, geçmişteki projelerimde keşke böyle yapsaydım diye çok üzülmüşümdür. O yüzden öğrenmekten korkmayın. Takıldığınız yerleri mutlaka sorun. Biliyorsam yanıt veririm. Bilmiyorsam yol gösteririm. Teşekkürler :)

Kontrol Et

JavaScript ile Web Servis Çağırma

Bugün, daha önce yazmış olduğum Web Servisi çağırma işlemini JavaScript ile yapmaya çalıştım. JavaScript ile …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir