Basamaklı Stil Sayfaları - veya CSS - HTML'den sonra öğrenmeye başlamanız gereken ilk teknolojidir .

HTML, içeriğinizin yapısını ve anlamını tanımlamak için kullanılırken, CSS, onu biçimlendirmek ve düzenlemek için kullanılır. Örneğin, içeriğinizin yazı tipini, rengini, boyutunu ve aralığını değiştirmek, birden çok sütuna bölmek veya animasyonlar ve diğer dekoratif özellikler eklemek için CSS'yi kullanabilirsiniz.

HTML'nin temellerini anladıktan sonra, iki konu arasında gidip gelerek aynı anda daha fazla HTML ve CSS öğrenmenizi öneririz. Bunun nedeni, CSS'yi uyguladığınızda HTML'nin çok daha ilginç ve öğrenmesi çok daha eğlencelidir ve HTML'yi bilmeden CSS'yi gerçekten öğrenemezsiniz.

Bu konuya başlamadan önce bilgisayar kullanmayı ve web'i pasif olarak kullanmayı da (yani sadece bakmak, içeriği tüketmek) öğrenmiş olmalısınız.

CSS'nin ilk adımları

CSS (Basamaklı Stil Sayfaları), web sayfalarını biçimlendirmek ve yerleştirmek için kullanılır.

Örneğin, içeriğinizin yazı tipini, rengini, boyutunu ve aralığını değiştirmek, birden çok sütuna bölmek veya animasyonlar ve diğer dekoratif özellikler eklemek için.

Bu modül, nasıl çalıştığına, sözdiziminin nasıl göründüğüne ve HTML'ye stil eklemek için onu nasıl kullanmaya başlayabileceğinize ilişkin temel bilgilerle CSS ustalığına giden yolunuza nazik bir başlangıç ​​sağlar.

CSS yapı taşları

Bu modül, CSS'nin ilk adımlarının kaldığı yerden devam ediyor , şimdi dile ve sözdizimine aşina oldunuz ve onu kullanma konusunda bazı temel deneyimler edindiniz, biraz daha derine inme zamanı. Bu modül, kademeli ve mirasa, elimizdeki tüm seçici türlerine, birimlere, boyutlandırmaya, stil arka planlarına ve kenarlıklarına, hata ayıklamaya ve çok daha fazlasına bakar.

Buradaki amaç, size yetkin CSS yazmak için bir araç takımı sağlamak ve metin stili ve CSS düzeni gibi daha spesifik disiplinlere geçmeden önce tüm temel teorileri anlamanıza yardımcı olmaktır .

stil metni

Kapsanan CSS dilinin temelleri ile, odaklanmanız gereken bir sonraki CSS konusu, CSS ile yapacağınız en yaygın şeylerden biri olan metne stil vermektir. Burada yazı tipi, koyuluk, italik, satır ve harf aralığı, alt gölgeler ve diğer metin özellikleri dahil olmak üzere metin stilinin temellerine bakıyoruz. Sayfanıza özel yazı tipleri uygulayarak ve stil listeleri ile bağlantılara bakarak modülü tamamlıyoruz.

CSS düzeni

Bu noktada, CSS temellerine, metne nasıl stil verileceğine ve içeriğinizin içinde bulunduğu kutuların nasıl şekillendirileceğine ve değiştirileceğine zaten baktık. Şimdi, kutularınızı görünüm penceresine ve birbirlerine göre doğru yere nasıl yerleştireceğinize bakmanın zamanı geldi. Artık farklı görüntü ayarlarına, flexbox, CSS ızgarası ve konumlandırma gibi modern düzen araçlarına ve hala bilmek isteyebileceğiniz eski tekniklerden bazılarına bakarak CSS düzenine derinlemesine dalabilmemiz için gerekli ön koşulları ele aldık.

Yaygın CSS sorunlarını çözme

Sık karşılaşılan sorunları çözmek için CSS'yi kullanın, bir web sayfası oluştururken çok yaygın sorunları çözmek için CSS'nin nasıl kullanılacağını açıklayan içerik bölümlerine bağlantılar sağlar.

En başından itibaren, renkleri öncelikle HTML öğelerine ve bunların arka planlarına uygulayacaksınız; elemanların boyutunu, şeklini ve konumunu değiştirmek; ve öğelere kenarlıklar ekleyin ve tanımlayın.

Ancak CSS'nin temellerini bile sağlam bir şekilde anladıktan sonra yapamayacağınız pek bir şey yok. CSS öğrenmenin en iyi yanlarından biri, temelleri bir kez öğrendikten sonra, henüz nasıl yapılacağını bilmiyor olsanız bile, genellikle neyin yapılıp neyin yapılamayacağı konusunda oldukça iyi bir fikre sahip olmanızdır!