HTML CSS Nedir

Günümüzde vazgeçilmez hale gelen CSS (Cascading Style Sheets), oldukça kullanışlı bir yapıdır. Sitenizi tek noktadan kontrolünü sağlayabilir ve iş yükünü azaltır zaman kazanırsınız.

CSS Basamaklı biçim sayfaları anlamına gelmektedir ki, bu da html taglarinin bloklar halinde yazılmasından kaynaklıdır.

CSS ile Neler yapılabilir

CSS ile yazı rengi, yazı tipini, metnin boyutunu, kenarlıklar, arka zemin rengi, arka plan görseli, öğeler arasındaki boşluğu, öğelerin nasıl konumlandırıldığını ve düzenlendiğini, mobil, tablet gibi farklı cihazlar ve ekran boyutları için farklı görünümler … diyorum!

CSS nasıl Kullanılır

Bir web sitesinde üç farklı css kullanılabilir.

  • Sayfa içinde, her hangi bir öğede style=””
  • Sayfanın head kısmında <style></style>
  • Bir dosyaya yazarak siteye link ile dahil etme <link>

En kullanışlı olan bir dosyadan çağırmaktır. örnek styles.css içine biçimlendirmeler tanımlanır ve link ile çağrılır.

<link rel=”stylesheet” href=”styles.css”>

Bazen özel durumlar olabilir, site içerisinde özel bir sayfa sadece kendi biçimlendirmesini kullanacaksa head kısmında biçimlendirme yapılabilir.

Bazen de sadece sayfa içerisinde özel bir metin de biçimlendirme yapılacaksa, o tag için style=”” yazılabilir.

HTML CSS Nedir

Günümüzde vazgeçilmez hale gelen CSS (Cascading Style Sheets), oldukça kullanışlı bir yapıdır. Sitenizi tek noktadan kontrolünü sağlayabilir ve iş yükünü azaltır zaman kazanırsınız.

CSS Basamaklı biçim sayfaları anlamına gelmektedir ki, bu da html taglarinin bloklar halinde yazılmasından kaynaklıdır.

CSS ile Neler yapılabilir

CSS ile yazı rengi, yazı tipini, metnin boyutunu, kenarlıklar, arka zemin rengi, arka plan görseli, öğeler arasındaki boşluğu, öğelerin nasıl konumlandırıldığını ve düzenlendiğini, mobil, tablet gibi farklı cihazlar ve ekran boyutları için farklı görünümler … diyorum!

CSS nasıl Kullanılır

Bir web sitesinde üç farklı css kullanılabilir.

  • Sayfa içinde, her hangi bir öğede style=””
  • Sayfanın head kısmında <style></style>
  • Bir dosyaya yazarak siteye link ile dahil etme <link>

En kullanışlı olan bir dosyadan çağırmaktır. örnek styles.css içine biçimlendirmeler tanımlanır ve link ile çağrılır.

<link rel=”stylesheet” href=”styles.css”>

Bazen özel durumlar olabilir, site içerisinde özel bir sayfa sadece kendi biçimlendirmesini kullanacaksa head kısmında biçimlendirme yapılabilir.

Bazen de sadece sayfa içerisinde özel bir metin de biçimlendirme yapılacaksa, o tag için style=”” yazılabilir.