CSS dersleri 1 bölüm

pikachu

www.teknoleo.com
Banlı Üye
Katılım
21 Şub 2021
Mesajlar
110
Tepki
102
ilk dersimize hoşgeldiniz bu derste css'e özel dosya oluşturmadan html dosyasının içerisinde kod yazmayı göstereceğim

öncelikle html dosyası oluşturuyoruz
daha sonra <head> </head> tagları arasına <style> etiketini koyuyoruz
daha sonra şimdi ise body kısmına <h1> diyerek bir başlık atayalım
daha sonra style taglarına gelelim ve

Kod:
h1{
color: red;
}
diyelim ve html dosyasını açarak bakalım

burada anlattıklarım sitedeki bütün h1 taglarını etkiler nasıl diye sorabilirsiniz şöyle anlatayım:
eğer siz 10 tane daha h1 açarsanız eğer bunların hepsi kırmızı olacaktır.100 tane açsanız yine kırmızı olacaktır
ama siz eğer sadece istediğiniz bir h1'in kırmızı olmasını istiyorsanız ıd veya class vermeniz lazım onuda şöyle yapacaksınız
HTML:
<h1 class="h1etiketi">H1 Etiketi</h1>

<h1 id="h1etiket">H1 Etiketi</h1>
şimdi bunları style bölümümüze yazalım

oraya eğer class'ı h1 etiketi olanı yazmak isterseniz:

Kod:
.h1etiketi{
color: red;
}
başına nokta koyarsanız eğer bu class'ı h1etiketi olanı etkiler yanı bütün h1'leri etkilemez
eğer İd'si h1etiketi olanı yapmak isterseniz
Kod:
#h1etiketi{
color: red;
}
başına # etiketi koymalısınız.

bu anlattıklarımı bütün taglar için kullanabilirsiniz mesela <p> </p> etiketi için

style bölümüne bunlar
Kod:
#petiketi{
color: blue;
}
body nin arasına bunlar
HTML:
<p class="petiketi">H1 Etiketi</p>



bu dersimiz bu kadardı gelecek derste görüşmek üzere hoşçakalın!
 
Üst Alt