CSS Nedir? HTML ile CSS'in Farkı Nedir?

CSS nedir?
CSS (Cascading Style Sheets) basitçe, sayfamıza ait görselliğe dair her türlü yapıyı düzenlememizi sağlayan bir markup dilidir.
Sayfaya ait öğelerin (form, buton, arkaplan vb.) renklerini, boyutlarını, konumlarını vb. özelliklerini düzenlememize imkan sağlar.
CSS bir programlama dili değildir. CSS bir markup dilidir.
css, html'in bir eklentisidir diye biliriz. yani html'i tek kullanmak yerine css'de kullanırsak daha iyi web siteleri tasarlayabiliriz.
çünkü html'in kendisi çok sönük kalıyor.
Stiller css uzantılı dosyalara kaydedilerek kullanılır, görüntüyü hızlı ve etkili bir şekilde değiştirmenize yarar, düzenlemesi kolaydır, web sitenize kod fazlalığı yaratmaz. İşte bu kadar marifetli.
Markup dili mi? CSS nedir anladım da, markup dili nedir peki?
Markup dili, bir dökümanı sistemin/uygulamanın/aracın yorumlayabileceği formatta oluşturmamızı sağlayan dile verilen isimdir. Örneğin, HTML de bir markup dilidir.
Yazısını kaydettiğimiz html uzantılı bir döküman, herhangi bir web browser tarafından sayfa başlığı Deneme olan bir web sayfası olarak yorumlanacaktır.
CSS ne işe yarar?
Tanımında da belirttiğimiz gibi, CSS, web sayfamızdaki öğelerin stilini/görünümünü değiştirmemizi sağlar. Butonunuza gölge mi eklemek istiyorsunuz?
Biri sola diğeri sağa dayalı 2 formu aynı konumda mı göstermek istiyorunuz? Ya da sayfanızı scroll etseniz bile yukarıda sabit kalan bir header’a mı ihtiyacınız var?
O halde CSS yardımınıza koşacaktır. Web sayfasının görünümüyle alakalı nice senaryoda CSS kullanmanıza gerek olacaktır.
İlla CSS mi kullanmalıyım görünümü değiştirmek için? İstediğim stili HTML ile sağlayamaz mıyım?
CSS ile düzenleyebildiğimiz bazı görünüm düzenlemelerini CSS kullanmadan yalnızca HTML kullanarak da sağlayabiliriz.
Örneğin, yazı font büyüklüğünü değiştirme, yazı rengini değiştirme, resim boyutunu düzenleyebilme gibi… Ancak yapılmak istenen işler karmaşıklaştıkça
(buton gölgelendirme, resim saydamlığını düzenleme, link üzerine geldiğimizde rengin değişmesi vb.)

Css html markup dilidir. Yani biçimlendirme ve düzenlemeler için kullanılır.

şöyle ifade edeyim. Bir web sitesini kodlarken onlarca tanımlama yaparsınız. ancak bu tanımlamalar zamanla birbirine karışmaya başlar. çünkü çok fazla tanım kullanırsınız. Ve bir düzenleme yapacağınız zaman bu tanımları teker teker onlarca satır kodun arasından bulman gerekir. Css bunun önüne geçiyor.

Sen htmlye sadece istediklerini yazar, biçimlendirmeyi şekillendirmeyi css'e bırakırsın. internette ayrıntılı örnekleri var.

Ayrıca tablo ortalama için center etiketini, yukarıdan boşluk bırakmak için ise margin etiketini kullanmalısın.

şu kodları kopyala;
"

table, th, td {
border: 1px solid black;
margin-top: 7cm;
}


Month
Savings


January
$100


February
$80


"

şu sayfaya gir

www.w3schools.com/.../tryit.asp
sol taraftakileri silip benim verdiklerimi oraya yapıştır ve runa bas.

Ne demek istediğimi net şekilde anlayacaksın.