Ana Sayfa / CSS Dersleri / CSS Nedir Ne İşe Yarar
CSS Nedir
CSS Nedir

CSS Nedir Ne İşe Yarar

[Toplam:2    Ortalama:5/5]

CSS Nedir Ne İşe Yarar başlıklı yazıma hoş geldiniz. Eğer HTML bilmiyorsanız HTML Nedir yazısına tıklayarak detaylıca anlattığım yazıma ulaşabilirsiniz. Web geliştirmek istiyorsanız en başta öğreneceğiniz dil HTML olmalıdır. Bunu da burada belirtmeliyim.

Bugün sizlere bahsedeceğim konular ;

  • CSS Nedir ?
  • CSS Ne İşe Yarar ?
  • CSS Syntax (Kod) Yapısı 

HTML bildiğinizi varsayarak sizlere CSS Nedir anlatacağım.

CSS Nedir ?

CSS (Cascading Style Sheets) web sitesi tasarlarken kullandığımız basit bir kodlama dilidir. CSS sitelerimizdeki çoğu görsel işlevi üstlenmektedir. CSS web tasarlarken öğrenmeniz gereken ikinci dildir. İlki ise yazının en başında bahsettiğim HTML’dir. Çünkü HTML bir iskeletse CSS iskeleti giydirerek şık bir beyefendi haline getirir. Aynı zamanda iskelet olmadan giysiler olsa ne olur ? Aynı şekilde CSS olsa da HTML olmadan siteniz ile ilgili bir şey geliştiremezsiniz.

CSS Ne İşe Yarar ?

CSS, sitenizin tüm görsel işlevlerini sırtlar. Yazı büyükleri, fontları ; resim ve videoların boyutlandırılması ve konumlarının belirlenmesi gibi birçok görevde rol oynar. Bir yazı yazdınız fakat yazı sitenin tam ortasında durmasını istiyorsunuz işte bunu CSS ile yaparsınız ve CSS alternatif olarak bir başka dil yoktur. Bu yüzden web geliştirme yapmaya meraklı arkadaşlara önerim CSS öğrenmelisiniz. Ne JS ne JQ ne HTML, CSS’in yerini tutabilir.

CSS Syntax (Kod) Yapısı

 



Her kodlama dilinde olduğu gibi CSS’te de belli bir düzenle kodlama yapılır. Zaten bu yapıyı öğrendikten sonra geriye kalacak tek iş kodları öğrenmek olacaktır. Zaten CSS çok kolay bir dil olduğu için kolaylıkla öğrenebileceğinizi düşünüyorum. Ama kodlama konusunda sıkıntı varsa Kodlama Nasıl Öğrenilir adlı yazımı okumanızı tavsiye ederim.

CSS öncelikle HTML’deki “div” etiketlerindeki yazıları vs şekillendirmeye yöneliktir. Örneğin “Kod” adında bir divimiz olsun biz bu divdeki resimlerin boyutunu, sağa yaslanıp yaslanmayacağını, konumlarını düzenleyebiliriz. Aynı zamanda CSS’te başka bir CSS dosyası olması yerine Head tagının içine <style> etiketleri arasında yazabiliriz.

CSS’de kodlarımızın arasına noktalı virgül koyarız. Kodlarımızın arasına da iki nokta koyarız. bir div belirttikten sonra kodlarımızı süslü parantez içinde yazarız. Aynı zamanda div isminden önce nokta koyarız. Eğer divin içindeki bir h1’i CSS ile düzenleyeceksen “.kod h1 {}” şeklinde yazarız. Sizlere daha detaylı bir örnek göstereyim daha iyi anlayacaksınız zaten.

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<style type=”text/css”>
.Kod img{
margin-top: 20px;
margin-left: 20%;
}
.Kod h1{
font-family: Arial;
font-size: 20px;
font-style: italic;
}
</style>
<body>
<div class=”Kod”>

<img src=”resim/CSSNedir”>
<h1>CSS Nedir ?</h1>

</div>
</body>
</html>

CSS Nedir Ne İşe Yarar başlıklı yazım umarım sizlere faydalı olmuştur. Yazıyı beğendiyseniz yukarıdaki bölümden 5 yıldız verebilirsiniz.

İçerik Umut Avcı

HTML & CSS & PHP & Python Kodlama Dillerini Bilen Azda Olsa SEO Konusunda Bilgiye Sahip Olan Bir Webmaster Ayrıca Kod Sihirbazı Siteninin Kurucusu

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

%d blogcu bunu beğendi: