CSS Seçiciler

Css de anlattığımız kadarıyla,kullandığımız <style> elementi ile her element için ayrı ayrı stiller tanımlıyorduk.Mesela <p> etiketi için bir stil belirliyorduk ve her <p> etiketi için bu stiller kullanılıyordu.Fakat biz bazı <p> elementleri için farklı stilleri kullanmak istiyorsak ne yapacağız? Bunun için seçiciler kullanılmaktadır.2 tür seçici vardır;

1) Id Selector

2) Class Selector

Id selector kullanımında her id,bir sayfada sadece bir kez kullanıldığı için biz daha pratik olması amacıyla Class Selector kavramını anlatacağız.Böylece class’larımızı bir sayfada istediğimiz kadar kullanabileceğiz

CSS’e Giriş

Konumuza öncelikle Css ( Cascading Style Sheet ) nedir ile başlayalım.Html veya herhangi bir dil ile oluşturduğumuz web sitelerinin kullanıcıya nasıl görüneceğini Css ile ayarlayabiliriz

Birçok sayfadan oluşan bir sitemizin olduğunu düşünelim.Sayfamızdaki her linkin renginin mavi olmasını veya arka plan renginin sabit olmasını istiyoruz.Bunun için her html sayfasına aynı kodları yazmaktansa .css uzantılı bir dosyada  stillerimizi saklayarak sitemizin hem hızlı açılmasını hem de her sayfaya aynı kodu yazma sıkıntısından kurtulmamızı sağlayabiliriz.Her sayfada değişiklik yapmaktansa tek bir dosyada stillerimiz değiştirebiliriz

Htmlde Kayan Yazı Oluşturma

Html sayfalarımıza görsellik eklemek için kullanabileceğimiz yapılardan birisi kayan yazıdır.Kayan yazılarımızın rengini,hızını,yönünü vs özelliklerini ayarlayabiliriz.Kodlarımızı yazdığımızda siz de anlattığımız şekilde yapıp tarayıcınızda açtığınızda kayan yazınızı görebileceksiniz.Bunun için kullanacağımız temel etiket <marquee> dir.Bu da kapatılması gereken bir etikettir

Şimdi bu etiketin özelliklerini görelim;

Html Sayfasına Arka Plan Ekleme

Oluşturacağımız html sayfalarının arka planına  bir resim ekleyebilir veya arka plan rengini değiştirebiliriz.İlk olarak arka plan için renk belirleyelim.Bunun için sayfamızın başında yazdığımız <body> etiketinin bgcolor özelliğini kullanmalıyız.

<body bgolor=”green”> yazarsak arka plan rengimiz yeşil olacaktır.Arka plan rengini doğrudan yazmak yerine, istediğimiz rengin kodunu da yazabiliriz.Yani <body bgcolor=”#FFCCFF”> olarak da yazabilir.Renklerimizin html kod karşılıklarını bulmak için google üzerinden  Html renk kodları olarak aratabilirsiniz.Bunun için bir html sayfası örneği verelim;

Html Resim ve Bağlantı (Link) Ekleme

Bir resmi html sayfamıza eklemek için kullanacağımız etiket <img> dir.Bu etiketin birkaç özelliği vardır.Bunlardan bahsedersek;

src => Ekleyeceğimiz resmin yolu yazılır

alt => Resmin üstüne geldiğimizde çıkacak yazı yazılır

height => Resmin yüksekliği girilir (piksel cinsinden)

Htmlde Tablo Oluşturmak

Tablolar,verilerimizi bölümler halinde görüntülemek için kullanılırlar.Htmlde tablo oluşturmak için kullanacağımız etiket <table>..</table> dir.

Oluşturacağımız tabloların çerçevelerini,her hücredeki elemanların konumunu değiştirmek isteyebiliriz.Bunun için bu etikette border,cellspacing,cellpadding özelliklerini kullanmalıyız.Öğrendiğimiz üzere bu özellikleri,etiketin içine yerleştiriyoruz.Şimdi bu özelliklerin ne işe yaradıklarından bahsedelim;

align özelliği,tablomuzun konumunu belirler

Html Listeleme Yapısı

Yapacağımız sayfada bazı yazılarımızı maddeler halinde yazmak isteyebiliriz.Yazacağımız maddeleri sıralı ve sırasız olarak 2 şekilde yapabiliriz.Sırasız ( unordered list ) oluşturmak  için kullanacağımız etiket <ul> dir  ve  </ul> etiketiyle kapatılması gerekir.Bu etiket yardımıyla listeyi oluşturmuş oluruz ve bu etiketlerin içerisine yazacağımız <li> etiketleriyle de listemizin elemanlarını belirleriz.

Ekleyeceğimiz her liste elemanı için <li> Eklenecek eleman </li>  etiketlerini kullanmalıyız.Anlattıklarımıza basit bir örnek verelim;

<html>
 <head>
  <title>Listeleme</title>
 </head>
 <body>
  <h4>Listeleyeceğimiz Elemanlar</h4>
  <ul>
   <li>1.eleman</li>
   <li>2.eleman</li>
   <li>3.eleman</li>
  </ul>
  </body>
</html>

Html için Temel Metin Etiketleri

Metin etiketlerinden kasdettiğimiz,yazdığımız metnin herhangi bir bölümünün veya tamamının yazı rengi,yazı tipi,font büyüklüğü gibi özellikleridir.Örneğin aşağıdaki yazı gibi metinler oluşturabiliriz

Mehmet Kirazli

Bunun için çok fazlasıyla etiket var fakat biz bunların önemli olanlarından bahsedeceğiz.Aşağıda yazacağımız etiketlerin kapatılması gerekmektedir.Bunu nasıl yapacağımızı önceki yazılarımda bahsetmiştim.Yazımıza aşağıdaki özellikleri vermek için,stil vermek istediğimiz yazıyı bu etiketler arasına yazmamız gerekiyor

Temel Metin Etiketleri

<b>….</b>                        => Metni kalın yapar                 Örneğin : MEHMET 

Htmlde Temel Paragraf Etiketleri

Html sayfalarında <body> etiketlerinin olduğu kısma herhangi bir yazı yazıp alt satıra geçtiğimizde,alt satıra yazılan yazılar tarayıcıda alt satırda gözükmeyecek,önceki yazdığımız yazının yanında görüntülenecektir.Bunu engellemek için kullanacağımız etiket <br/> dir

Bunu bir örnek üzerinde anlatalım;

<html>
   <head>
      <title>Alt satıra geçme</title>
   </head>
   <body>
      Mehmet Kirazlı
      Web Sitesi
   </body>
</html>

C# Değişken Tanımlamaları

Değişken tanımlaması için kullanacağımız yapı;

değişken_türü   değişken_adi;   örnek verecek olursak;

int x;

string y;

bool z;

=>C# da değişkenlere ilk değer ataması zorunluluğu vardır.

=>Bu dilde büyük küçük harf duyarlılığı vardır yani;

int deger; adlı değişkenle int Deger; adlı değişkenler birbirinden farklıdır

Arama
RSS
Beni yukari isinla