Css Çeşitleri
Css'in (Stil Şablonu) 3 farklı kullanım alanı vardır.
Bunlar ;
* Yerel, yani sayfada sadece gerkli olan html kod kısmı içerisine yazılır ve sadece bir kez kullanılır. Kısaca yerel CSS şabloları, bir html etiketi için özel olarak kullanılırlar.
kullanım şekli:
<html>
<head>
<title>Yerel CSS</title>
</head>
<body>
<h1 style="color:RED ;font-size:20">Deneme</h1> //Sadecde "Deneme" yazısı için kullanılan bir stil şablonudur.
<h1>Deneme</h1>
</body>
</html>
* Global, yani tüm sayfa için ve aynı HTML sayfası içerisinde kullanılır. Global stil şablonlar sayfadaki tüm html etiketlerinin aynı özellikte ve görünümünde olmasını sağlar.
kullanım şekli:
<html>
<head>
<title>Genel CSS</title>
<style type="text/CSS">//stil şablonu başlangıç tagı.
!--h1 {color:teal; font-size:15}-->
//Bütün sayıfadaki değişkenler için için kullanılan bir stil şablonudur.
</style>//stil şablonu bitiş tagı.
</head>
<body>
<h1>Deneme1</h1>
<h1>Deneme2</h1>
<h1>Deneme3/h1>
</body>
</html>
* Bağlantılı, yani birden çok sayfa için kullanılır. Bunun için ayrı bir css uzantılı sayfakullanılır. Bütün stiller bun sayfalar içinde tanımlanmıştır. Bu tür CSS stil şablınları birçok sayfanın aynı biçimde olması istendiğinde kullanılırlar.
kullanım şekli:
Bu kodları stil1.CSS adıyla kaydedin.
h1 {font-size:10; color:REDl}
h2 {font-size:20; color:BLUE}
h3 {font-size:30; color:YELLOW}
Sonra bu HTML kodlarını yazıp stil1.CSS ile aynı dizine kaydedin.
<html>
<head>
<title>Harici CSS </title>
<link rel="stylesheet" type="text/CSS" href="stil1.CSS">
</head>
<body>
<h1>Deneme</h1>
<h2>Deneme</h2>
<h3>Deneme</h2>
</body>
</html>
19.10.2016
Mag-Net Kontrol Paneli
Site adı, kullanıcı adı ya da şifrenizi unuttuysanız bilgi talebinizi lütfen şu adrese iletiniz
destek@mag-net.com.tr
