CSS Nasıl Yazılır?
Evet saygı değer dostum bir önceki yazımızda CSS Nedir ondan bahsettik ve gelelim şimdi CSS Html sayfasına nasıl aktarılır, CSS nasıl yazılır dostlarım en sade dilden sizlere aktarmaya çalışacağım umarım bir nebze yararı dokunur.
Şimdi CSS HTML sayfasına nasıl aktarılır dostum bunu 3 farklı şekilde yapabiliyoruz bunlar:
1 - Harici Stil ekleme
2 - Dahili Stil Ekleme
3 - Satır İçi stil ekleme
Olarak 3'e ayrılır gelelim bunlar nedir?
1 - Harici Stil ekleme:
Dostum bu yöntemde CSS Kodlarımız .css uzantılı bir dosyada tutulur ve bunu HTML sayfamıza aktarırken html'de link etiketini kullanırız.
Örneğin:
<link rel="stylesheet" href="stildosyam.css">
2 - Dahili Stil Ekleme:
Dostum burada ise html dosyamızın <head> kısmına <style> tagı açar ve arasına css kodlarımızı yazarız yani harici stil ekleme farklı dosyalarda iken dahili stil ekleme html sayfamızın içerisine yazılır.
Örneğin:
<head>
<style>
body {
background-color: blue;
}
h1 {
color: red;
margin-left: 20px;
}
</style>
</head>
3 - Satır İçi ekleme:
Evet dostum satır içi derken adı üstünde html taglarının içerisine style=" " özelliği ile css kodlarımızı yazarız.
Örneğin:
<h1 style="color:red; background-color:blue;"> Ben bir başlık etiketiyim </h1>
Evet dostum şimdi gelelim CSS Nasıl yazılır?
CSS söz dizimi şu şekildedir:
h1{
color: red;
background-color: blue;
}
h1: Element Adı
Element adı, class veya ıd ile taglarımızı seçebiliriz.
.başlıkClass{
color: red;
background-color: blue;
}
#başlıkID{
color: red;
background-color: blue;
}
CSS de classları seçerken " . " ile seçeriz, ıdleri ise seçerken " # " koyarak seçeriz.
elementAdı {
elementeVerilmekİstenenÖzellikAdı: Özellik;
}
Evet dostum elimizden geldiğince en sade biçimde CSS Nasıl yazılır bunu sizlere aktarmaya çalıştık tabiki hepsini kapsamıyor CSS öğrenmek için farklı platformlardan kurslar alabilirsiniz. Bizimkisi sade bir anlatım ile temel oluşturmak.
eline sağlık.