CSS3 temelleri

İçindekiler
Modern web birkaç yönden oluşur, teknik, işlevsel ve estetik vardır, bu yönlerin her biri diğerleriyle aynı ölçüde önemlidir, ancak bir kişi bunlardan birine daha yakın olduğunda ihmal etme eğilimindedir. onları. geri kalanı.
Bu bağlamda, bir kişi teknik yön ile daha fazla bağlantılı olduğunda, genellikle estetik yönü ihmal ederler, burada işlevsel yönün ikisi arasında bir geçiş vardır, çünkü çok estetik olan her şey işlevsel olmayacaktır ve her şeyi kullandığımız gerçeği. En son teknolojiler bir web sitesini veya projeyi de yapmaz.
NS CSS Web'deki estetik kısmı geliştirici için samimi bir şekilde dahil edebilmemizin yoludur ve aynı zamanda kullanıcı deneyimi ve Ön Uç tasarımcıları ile iletişim kurmak için evrensel bir dil olarak hizmet eder, çünkü bir herhangi bir web sitesine bakın.
CSS nedir?CSS belgeler içinde uygulanabilecek stilleri tanımlamak için kullanılan basit bir dildir HTMLKelime stilleri derken, bir web sitesindeki yazı tiplerinin nasıl göründüğünden fare imleçlerinin, renklerin, resimlerin, ekran düzeninin vb. uygulanmasına kadar her şeyi kontrol edebileceğimizi kastediyoruz.
CSS bir standarttır ve şirketin sorumluluğundadır. W3C, bu nedenle desteği olan her tarayıcı CSS Bu kurum tarafından verilen talimatlara uyarsanız, aynı şekilde çalışmalıdır.
CSS3 nedir?CSS3 bir spesifikasyon seviyesidir CSS, sahip olduğundan beri dördüncü belirtimdir. CSS, CSS2, CSS2.1 ve şimdi CSS3Her belirtim bir öncekinden başlar ve her biri iyileştirmeler, yeni stiller ve bunları uygulamanın yeni yollarını içerir. Bu uygulamaların özellikleri www.w3.org/Style/CSS web sitesinde görülebilir:

BÜYÜT

Burada, kullanabileceğimiz farklı talimatların kullanımından bu uygulamaya yol açan teknik yönlere kadar uzanan tüm resmi belgeleri bulabiliriz.
CSS'nin amacı nedir?Oynamak için rol CSS web sitelerimizde yapılarımızı sunuma hazırlamak, yani HTML bir kullanıcıya gösterilmek için iyi bir görünüm oluşturduk. Bunu söylemek biraz saçma gelebilir, ancak burada en başta bahsettiğimiz üç faktör devreye giriyor, stilsiz bir HTML işlevsel olabilir ve çok modern teknik unsurlar kullanabilir, ancak tek başına estetik olmayacaktır.; Bu, web sitemizin en iyisi olmasına rağmen, CSS biraz eksik görünecek.
CSS kullanmanın avantajları
  • Sunumu yapıdan ayırıyoruz, bu web sitemizin modüler olmasına yardımcı oluyor.
  • Stil sayfaları CSS bir web sitesinin tüm sayfaları tarafından paylaşılabilirler, böylece tutarlılık kazanır ve işten tasarruf ederiz.
  • İle birlikte CSS farklı cihazlar ve ortamlar için stiller yapabiliriz.
  • Uyguladığınız bir sitenin bakımı CSS bu çok daha kolay.

Modern tarayıcılar
Modern web'in ilk günlerinde, 90'lardan bahsediyoruz, web tarayıcıları için çok az seçenek vardı, hatta bazıları ücretliydi, ancak en çok hatırlayabildiğimiz şey, kesinlikle İnternet savaşıydı. internet gezgini Y NetscapeBu, işlevsel yönü hesaba katmak için bir dürtü verdi, ancak savaşta olmak, her tarayıcının kendi kurallarına sahip olması anlamına geliyordu ve bu, web geliştiricisi için hayatı imkansız hale getirdi. Şu anda birçok tarayıcı seçeneğimiz var ve büyük çoğunluğu kullanıcı için ücretsizdir, en önemlileri şunlardır:
  • Google Chrome.
  • Safari.
  • Mozilla Firefox.
  • Opera.
  • İnternet Gezgini.

BÜYÜT

Her tarayıcı farklı geliştiricilere aittir ve tarayıcının içeriğini yorumlamaktan sorumludur. HTML ve CSS bu nedenle her biri standartlarını uygulamalıdır. W3C, buna rağmen, tüm tarayıcılar aynı talimatla aynı şekilde davranmaz CSS. İkincisi kullandıkları motordan kaynaklanıyor, bakalım her biri hangi motoru kullanıyor:
WebKitAçık kaynak kodlu bir motordur ve tarafından kullanılır. Krom Y SafariHer biri aynı motoru kullanmasına rağmen, uygulamaları mutlaka aynı değildir, bu nedenle tarayıcılar arasında farklılıklar olabilir.
gekotarafından geliştirilen motordur. Mozillatarafından kullanılır ve Firefox. Bu motor aynı zamanda açık kaynak olduğundan, onu paylaşan tarayıcıları bulabiliriz.
Prestokullandığı motordur Opera ve tescillidir, bu nedenle onu yalnızca ana şirketinin ürünlerinin bir parçası olarak göreceğiz.
tridentbu motor internet gezgini ve şu anda yalnızca bu tarayıcıda ve Microsoft ürünlerinde mevcuttur.
Bu bilgi çok önemlidir, çünkü bu motorları kullananlar sadece masaüstü tarayıcılar değil, aynı zamanda mobil tarayıcılar, e-posta yöneticileri gibi istemciler ve hatta bazı uygulamalardır. Motoru bilirsek, onları düzenleyen teknik açıdan bir yaklaşıma sahip olabilmek için daha spesifik bir şekilde bakabiliriz.
Eski tarayıcılar
Şimdiye kadar piyasadaki en popüler tarayıcı seçeneklerinden bahsettik, ancak sürümlerinin ayrıntılarını araştırmadık. Standartta her uygulama değişikliği olduğunda CSS her tarayıcı genellikle değişikliği veya yeni işlevleri içerecek şekilde güncellenir. Bu, eski sürümlerin geçmişe indirgenmesine neden olur ve bu nedenle uyumluluk seviyeleri daha düşüktür.
Olan şu ki, tüm kullanıcılar birçok nedenden, izin eksikliğinden, sistemlerindeki önemli uygulamalarla uyumsuzluktan ve hatta çalıştıkları şirketin güvenlik nedenlerinden dolayı, yeni tarayıcıları aynı tarayıcıyla test etmek zorunda kalıyorlar. sistemler.
Bu, eski tarayıcılarda çalışmayabilecek çok modern web sitelerimiz olduğu anlamına gelir, bu nedenle sitelerimizi oluştururken bu yönü dikkatli almalıyız.
En rahatsız edici durum
Çok gerekli bir bölüm hakkında konuşmak internet gezginive sadece kötü şeylerden bahsetmeyelim, çünkü bu büyük Amerikan şirketinin küresel ve tarihsel düzeyde bilgi işlem ve bilgi teknolojisinin gelişimine muhteşem bir şekilde katkıda bulunduğunu düşünüyoruz.

BÜYÜT

Ancak tarayıcınızı, yalnızca mevcut sürüm gibi daha yeni sürümlerde ele alınması en rahatsız edici durumlardan biri haline getiren belki de önemidir. sürüm 11 standart yorumlanmasında bir ilerleme olduğunu CSS Y JavaScript, ancak 8, 7 veya çok meşhur 6 gibi önceki sürümlerde, özellikle bu tarayıcılarda görüntülenebilmeleri için sitelerin sürümlerini yapmak zorundaydınız ve bu en kötüsü değil. projelerimizi teknik olarak mümkün kılmak için estetik ve işlevsellikten ödün vermek.
Burada en genç olanlar, neden bu tarayıcılar için geliştirmeye devam ettiklerini düşünebilir ve her şeye rağmen cevap basit. internet gezgini entegre olduğu için dünya çapında en çok kullanılan tarayıcılardan biridir. pencereler varsayılan olarak en çok kullanılan işletim sistemidir.
Son zamanlarda 2015 yılında bu tarayıcının kullanımdan kaldırılacağı duyurulmuştu, ancak halefi henüz tam olarak ortaya çıkmadı ve ticari olarak faaliyete geçtiğinde eski sorunların devam edip etmeyeceğini görebileceğiz.
Stillerden daha fazlası CSS
Tüm bu bilgiler gereklidir, talimatlar hakkında çok şey bilebiliriz. CSS ancak arka planı bilmiyorsak, en iyi uygulamalarla bir uygulama yapmaktan, gördüğümüz aynı şeyleri görmeyen istemcilerle ilgili sorunlara kadar, tümü bir tarayıcının belirli bir sürümünü kullanmaktan zarar görebiliriz. Şu anda tüm bu olumsuzlukların üstesinden gelmemize yardımcı olan çerçeveler var, ancak çok özel bir şeye ihtiyacımız olduğunda, genellikle bu işlevi sıfırdan gerçekleştirmemiz gerekiyor ve işte bu noktada temelleri bilmemiz gerekiyor. CSS.
Bu eğitimin sonunda görebildik ki CSS Basit bir dilden çok daha fazlasıdır ve stillerden çok daha fazlasıdır, web sayfalarımız için temel bir temel bileşen olduğunu ve tarayıcılar, motorlar ve hakkında gördüğümüz her şey gibi birçok yönüyle ilgisi olduğunu söyleyebiliriz. Hatta uyumluluk sorunları.

Arkadaşlarınızla sayfasını paylaşan sitenin gelişimine yardımcı olacak

wave wave wave wave wave