CSS-Bağlantılı CSS hazırlama

Php, Asp, Perl, Html - CSS-Bağlantılı CSS hazırlama ...

Cevapla
CSS-Bağlantılı CSS hazırlama
ozan-tr isimli Üye şimdilik offline konumundadır

ozan-tr(27)

Matbaacı / Burdur

Standart

CSS-Bağlantılı CSS hazırlama

Alt 23-06-2007 #1
Sponsorlu Bağlantılar

Hatırlayacağınız üzere bu dosyanın uzantısı css olmalı. Bu css dosyasını Html dosyamızın içerisinde çağıracağız.
Aşağıdaki kodları stil.css adıyla kaydedelim.

css:
A {font-style : normal;
color : navy;
font-family : Times New Roman ! important;
text-decoration : none; <!-— bu satır linkin altında satır olmamasını sağlar —->}
A:Visited {font-family : Times New Roman ! important;
font-style : italic;
color : olive; }
A:Active { font-family : Times New Roman;
color : red;}
A:Hover {text-decoration : underline;
font-family : Times New Roman ! important;
font-weight : bold;
font-style : normal;
color : maroon;}
BODY { background: white url("fon.gif");
background-repeat: repeat-y;
background-position: left; }
p#sol {position : relative;
visibility : visible;
left : 30pt;
width : 450pt;
font-family:"Verdana,Arial,Helvetica" ! important;
font:15pt;}


Aşağıdaki kodları da css.html adıyla kaydedelim. (Dikkat! mutlaka html uzantlı kaydedilmeli)


HTML:
<html>
<head>
<title>Css</title>
<style type="text/css">
<! —
.onemli {font-weight:bold;}
h4 {color:blue;
position : relative;
visibility : visible;
left : 25pt;
font-size:large;
.solic { color:brown;
font-family:"Verdana,Arial,Helvetica";
position : relative;
visibility : visible;
left : 2 0pt;
font-weight:bold; }
li { list-style-type : circle;
list-style-position : inside;
list-style : decimal;}
; -->
</style>
<link rel=stylesheet href="stil.css" type="text/css">
</head>
<body>
<table width="500" align="center">
<tr><td> <!-— Global —->
<h4>Bilgisayar;<a name="bsl">&nbsp;&nbsp;</a></h4>
<!-— Eğer koordinatları tam olarak ayarlamak istiyorsanız (MSIE ve NN icin) Global Stil Şablonu Kullanmalısınız. —->
<!-— Bağlantılı —-> <p id="sol">
Aldığı komutlar uyarınca, veri işleyerek problem çözen otomatik elektronik aygıtların ortak adı. Bu tür aygıtlar, çalışma ilkeleri,donanım tasarımları ve uygulama alanları bakımından örneksel, sayısal ve karma bilgisayarlar olarak <font class="onemli">üçe</font> ayrılır.</p>
<p id="sol">
<li><a href="css.html#orneksel">Örneksel (analog) bilgisayarlar</a> href="css.html#sayisal">Sayısal bilgisayarlar</a> href="css.html#karma">Karma bilgisayarlar</a>
<p class="solic"> Örneksel (analog) bilgisayarlar<a name="örneksel">&nbsp;&nbsp;</a></p>
<p id="sol">Açısal konum ya da gerilim gibi değişken nicelikleri temsil eden veriler üzerinde işlem yapar ve çözülmesi istenen matematiksel problemin fiziksel bir örneğini oluştururlar. Sıradan diferensiyel denklemleri çözebilen örneksel bilgisayarlar, sistem mühendisliğinde, özellikle bazı süre ve donatımların gerçek zamanlı benzetim modellerinin oluşturulmasına çok elverişlidirler. Bu bilgisayarların bir başka yaygın kullanım alanı da elektrik dağıtım sistemi gibi şebekelerin analizidir.<br>
<a href="css.html#bsl">Başa Dön</a>
<p class="solic">Sayısal bilgisayarlar, <a name="sayisal">&nbsp;&nbsp;</a></p>
<p id="sol">Çeşitli üretim süreçlerine, takım tezgahlarına , karmaşık laboratuvar ve hastane aygıtlarına kumanda etmekte kullanılırlar. Aynı özellikten, uçakların ve uzay araçlarının karmaşık iletişim sistemlerinin otomatizasyonunda da yararlanılır. Sayısal bilgisayarlar ayrıca, eğitimde yardımcı olarak (örn. temel dil ve matematik becerilerinin kazandırılmasında) , bilimsel araştırmalarda ise verilerin analizi ve matematiksel modellerin geliştirilmesi amacıyla kullanılır.
<br> <a href="css.html#bsl">Başa Dön</a> </p> <p class="solic">Karma bilgisayarlar, <a name="karma">&nbsp;&nbsp;</a></p>
<p id="sol">Örneksel ve sayısal bilgisayarlarm ozelliklerine ve yararlarını birleştirirler; örneksel bilgisayarlara oranla daha fazla kesinlik, sayısal bilgisayarlara oranla daha fazla deneteleme sağlarlar.
<br><a href="css.html#bsl">Başa Dön</a>
</p> </td> </tr> </table>
</body>
</html>


Burada birkaç konuya açıklık getirelim.
Bazı stil özelliklerinin sonunda gördüğünüz !important ifadesi ile ziyaretçi kendi bilgisayarındaki tarayıcı özelliklerini değiştirmiş olsa dahi bu değerleri kullanmamasın bizim belirttiğimiz değerleri kullanmasını söylemiş oluyoruz.
Font özelliklerinde çoğu zaman birden çok font ismi kullandık. Bunun nedeni eğer ziyaretçinin makinasında ilk font yoksa ikincisi o da yoksa üçüncü font kullanılır. Şayet o font da yoksa tarayıcının kendi standart fontu kullanılır. Böylelikle bizde değişik ziyaretçi makinalarında sayfamızın nasıl görünebileceğini öncelikle kontrol altına almış oluruz.CSS derslerimize son veriyoruz...
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

tuhan isimli Üye şimdilik offline konumundadır

tuhan

Webmaster / Antalya

Standart
Alt 01-11-2007 #2
                             Sponsorlu Bağlantılar
Css öğrenmek isteyenler için güzel bir bilgi ..
Teşekkürler .
Bu mesajdan alıntı yap
Cevapla

Tags
css hazirlama, css baglantili dosya

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Indesign PDF Hazırlama carrick InDesign 31 10-09-2012 00:55:15
Photoshop Dersleri: Photoshopta Template Hazırlama... designed by ofa Photoshop Dersleri 109 16-07-2012 15:29:49
quarkta tablo hazırlama ? tuğçe ece QuarkXPress 5 20-05-2008 19:58:31
Fatura hazırlama? freef83 Corel Draw 10 25-03-2008 18:09:22
cv hazırlama epigon Sonuçlanan İlanlar 1 11-01-2008 16:58:33

Kapat
Şifremi Unuttum?