Basamaklı Stil Sayfaları Nelerdir?
Web siteleri, görüntüler, metin ve çeşitli belgeler dahil olmak üzere bir dizi ayrı parçadan oluşur. Bu belgeler sadece PDF dosyaları gibi çeşitli sayfalardan bağlanabilecekleri değil, bir sayfanın yapısını ve CSS (Basamaklı Stil Sayfası) belgelerini belirlemek için HTML belgeleri gibi sayfaların kendileri oluşturmak için kullanılan belgeleri de içerir. Bir sayfanın görünümünü dikte etmek. Bu makale, bugünkü web sitelerinde ne olduğunu ve nerede kullanıldığını kapsayan CSS'ye girecektir.
Bir CSS Geçmişi Dersi
CSS, ilk olarak, web geliştiricilerinin, oluşturdukları web sayfalarının görsel görünümünü tanımlamaları için bir yol olarak geliştirilmiştir. Web profesyonellerinin, bir web sitesinin kodunun içeriğini ve yapısını görsel tasarımdan ayırmalarına izin verilmişti, bu süre öncesinde mümkün olmayan bir şey.
Yapı ve stil ayrımı, HTML'nin orijinal olarak temel aldığı işlevin daha fazlasını gerçekleştirmesine izin verir - içeriğin işaretlenmesi, sayfanın tasarımı ve düzeni hakkında endişelenmenize gerek kalmadan, genellikle "görünüm ve his" olarak bilinen bir şeydir sayfanın
CSS, web tarayıcılarının bu biçimlendirme dilinin temel yazı tipi ve renk özelliklerinden daha fazlasını kullanmaya başladığı 2000 yılına kadar popülerlik kazanmamıştı. Bugün, tüm modern tarayıcılar CSS Düzey 1'in tamamını, CSS Düzey 2'nin çoğunu ve hatta CSS Düzey 3'ün çoğu yönünü desteklemektedir. CSS gelişmeye devam ettikçe ve yeni stiller tanıtıldıkça, web tarayıcıları bu tarayıcılara yeni CSS desteği getiren modülleri uygulamaya başladı ve web tasarımcılarına birlikte çalışacakları güçlü yeni stil araçları verdi.
Geçmiş yıllarda, web sitelerinin tasarımı ve geliştirilmesi için CSS kullanmayı reddeden seçkin web tasarımcıları vardı, ancak bu uygulama günümüzde endüstrinin dışında kaldı. CSS artık web tasarımında yaygın olarak kullanılan bir standarttır ve günümüzde bu dili en az temel bir anlayışa sahip olmayan sektörde çalışan herhangi birini bulmakta zorlanabilirsiniz.
CSS bir Kısaltmadır
Zaten belirtildiği gibi, CSS terimi "Basamaklı Stil Sayfası" anlamına gelir. Bu belgelerin neler yaptığını daha iyi açıklayabilmek için bu ifadeyi biraz bozalım.
"Stil sayfası" sözcüğü, belgenin kendisini ifade eder (HTML gibi, CSS dosyaları gerçekten çeşitli programlarla düzenlenebilen metin belgeleridir). Yıllardır belge tasarımı için stil sayfaları kullanılmıştır. İster basılı ister çevrimiçi olsun, bir düzen için teknik özelliklerdir. Baskı tasarımcıları, tasarımlarının özelliklerine tam olarak yazdırıldığından emin olmak için uzun süre kullanılan stil sayfalarına sahiptir. Bir web sayfası için bir stil sayfası aynı amaca hizmet eder, ancak web tarayıcısına görüntülenen belgenin nasıl görüntüleneceğini de söyleyen ek işlevsellik ile. Bugün, CSS stil sayfaları, bir sayfanın farklı cihazlar ve ekran boyutları için nasıl görüneceğini değiştirmek için medya sorgularını da kullanabilir. Bu, tek bir HTML belgesinin, ona erişmek için kullanılan ekrana göre farklı bir şekilde oluşturulmasına izin verdiğinden dolayı son derece önemlidir.
Cascade , "basamaklı stil sayfası" teriminin gerçekten özel bir parçası. Bir web stili sayfasının , bir şelalenin üzerinde bir nehir gibi bir dizi stilde ilerlemek için kullanılması amaçlanmıştır. Nehirdeki su, şelalenin içindeki tüm kayalara çarpar, ancak yalnızca dipteki sular, suyun tam olarak nerede akacağını etkiler. Aynı şey web sitesi stili sayfalarındaki kaskat için de geçerlidir.
Web tasarımcısı herhangi bir stil uygulamıyor olsa bile, her web sayfası en az bir stil sayfasından etkilenir. Bu stil sayfası, başka bir yönerge sağlanmamışsa, web tarayıcısının bir sayfayı görüntülemek için kullanacağı varsayılan stiller olarak da bilinen kullanıcı aracısı stil sayfasıdır. Örneğin, varsayılan olarak köprüler mavi olarak çizilmiştir ve altı çizilmiştir. Bu stiller, bir web tarayıcısının varsayılan stil sayfasından gelir. Web tasarımcısı başka talimatlar sağlıyorsa, tarayıcı hangi talimatların öncelikli olduğunu bilmelidir. Tüm tarayıcıların kendi varsayılan stilleri vardır, ancak bu varsayılanların çoğu (mavi altı çizili metin bağlantıları gibi) tüm veya büyük tarayıcılarda ve sürümlerde paylaşılır.
Bir tarayıcı varsayılanının diğer bir örneği için, web tarayıcımda, varsayılan yazı tipi 16 nolu boyutta " Times New Roman " dır. Ancak, ziyaret ettiğim sayfaların hiçbiri, bu yazı tipi ailesinde ve boyutunda görünmez. Bunun nedeni, kaskadın, tasarımcıların kendileri tarafından belirlenen ikinci stil sayfalarının, web tarayıcımın varsayılanlarını geçersiz kılarak , yazı tipi boyutunu ve ailesini yeniden tanımlamak olduğunu belirlemesidir. Bir web sayfası için oluşturduğunuz tüm stil sayfaları, tarayıcının varsayılan stillerinden daha fazla özgünlüğe sahip olacaktır, bu nedenle varsayılanlar yalnızca stil sayfanız bunları geçersiz kılmazsa uygulanacaktır. Bağlantıların mavi ve altı çizili olmasını istiyorsanız, varsayılan değer olduğundan bir şey yapmanıza gerek yoktur, ancak sitenizin CSS dosyası bağlantıların yeşil olması gerektiğini söylüyorsa, bu renk varsayılan maviyi geçersiz kılar. Aksi belirtilmediğinden alt çizgi bu örnekte kalır.
CSS nerede kullanılır?
CSS, web sayfalarının bir web tarayıcısından başka bir medyada görüntülendiğinde nasıl görüneceğini tanımlamak için de kullanılabilir. Örneğin, web sayfasının nasıl yazdırılacağını tanımlayan bir baskı stili sayfası oluşturabilirsiniz. Gezinme düğmeleri veya web formları gibi web sayfası öğelerinin yazdırılan sayfada hiçbir amacı olmadığından, bir sayfa yazdırıldığında bu alanları "kapatmak" için bir Yazdırma Stil Sayfası kullanılabilir. Pek çok sitede yaygın bir uygulama olmasa da, baskı stili sayfalar oluşturma seçeneği güçlü ve çekici (benim tecrübemde) çoğu web uzmanı bunu yapmaz çünkü bir sitenin bütçe kapsamı bu ek işin yapılmasını gerektirmez ).
CSS Neden Önemlidir?
CSS, bir web tasarımcısının öğrenebileceği en güçlü araçlardan biridir, çünkü bir web sitesinin tüm görsel görünümünü etkileyebilir. İyi yazılmış stil sayfaları hızlı bir şekilde güncellenebilir ve sitelerin görsel olarak ekran üzerinde önceliklendirilenleri değiştirmesine izin verir, bu da temel HTML işaretlemesinde herhangi bir değişiklik yapılmasına gerek kalmadan ziyaretçilere değer ve odaklanma gösterir.
CSS'nin asıl zorluğu, öğrenmesi gereken oldukça fazla bir şey - ve her gün değişen tarayıcılarla, bugünün neyin işe yaradığı, yeni tarzların desteklenmesinden ve diğerlerinin bir sebepten ötürü ya da bir sebepten ötürü düştüğünden yarın mantıklı olmayabilir. .
CSS kaskatlı olarak birleştirilip birleştirilebildiğinden ve farklı tarayıcıların direktifleri farklı şekilde nasıl yorumlayabildiğini ve uygulayabileceğini göz önünde bulundurarak CSS, basit HTML'den daha zor olabilir. CSS, tarayıcılarda HTML’nin gerçekten yapmadığı bir şekilde de değişir. Ancak, CSS kullanmaya başladığınızda, stil sayfalarının gücünden yararlanmanın web sayfalarını nasıl düzenlediğiniz ve görünüm ve izlenimlerini nasıl tanımladığınız konusunda inanılmaz esneklik sağlayacağını göreceksiniz. Yol boyunca, geçmişte sizin için çalışmış olan ve gelecekte yeni web sayfaları oluştururken tekrar dönüşebileceğiniz stilleri ve yaklaşımları bir araya getirerek "bir numara çantalar" toplayacaksınız.
Jennifer Krynin tarafından yazılmış orijinal makale. 7/5/17 tarihinde Jeremy Girard tarafından düzenlenmiş,