CSS'i WEB SAYFASINA EKLEMEK

HTML sayfalarımıza css uzantı Dosyalarımızı eklemenin iki yöntemi vardır. Ayrıca css kodlarını HTML sayfalarımızda kullanmanında iki yöntemi vardır.

1. YÖNTEM Kod içinde (inline style)


HTML <p> Etiketimizde görelim:

<p style="color:blue">Bu bir parağraftır</p>

Tüm css komutlarını kodların içine direk uygulamak önerilen bir kodlama şekli değildir. Özel durumlarda kullanılır.

2. YÖNTEM <style> Elemanı kullanarak


<head> bölümüne <style> Etiketi ekleyerek arasına css kodları yazılır.

<html>
<head>
<style type="text/css" >
p{color:red;}
<style>
</head>

Birinci Yönteme göre Etiket ile css birbirinden ayrıştırılmış oluyor.

3.YÖNTEM Harici css Dosya kullanımı


Bu kullanımda css kodlarımızı xxx.css uzantılı bir dosya kaydederiz.Dosyanın ismi önemli değil uzantı (.css) olsun.

Deneme.css oluşturalım

p{color:red}
i{color:blue}

Daha sonra bu Deneme.css Dosyasını websayfamıza ekleyelim.

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

Bu yöntemle oluşturduğumuz (.css) uzantlı dosyayı tüm sayfalara ekliyebiliriz. Arama motorları (google vb.) bu yöntemi dikkate alıyor yani seo için uygun bir yöntem.

4. YÖNTEM @ import ile Eklemek


<style="text/css">
@import "Deneme.css";
</style>
Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlacaktır.

8531

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
POPÜLER MAKALE
  • HTML RESME LİNK VERME
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML FORM OLUŞTURMA
  • HTML DİV ve SPAN NEDİR?
  • HTML KAYAN RESİM VE Marguee KULLANIMI
  • HTML ARKAPLANA MÜZİK EKLEME
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML RESİM EKLEME
  • PHP ceil()-floor()-round() YUVARLAMA FONKSİYONU
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.