CSS3 stil sayfalarınızla çalışmak için ipuçları

Web sitemizin yapısını tanımladıktan ve geliştirdikten sonra KARAR Kesin bir şekilde, stillerini tanımlamak önemlidir, aynı zamanda en yaratıcı alandır ve web sitenizin son köşesine en yüksek hassasiyetle özelleştirebileceğiniz alandır. Basamaklı stil sayfaları en uygun çözümdür, ancak web geliştirme dünyasına ilk adımlarını atan herkes için, en iyi sonuçları elde etmek için dikkate alınması gereken bazı ipuçları vardır.

Kutsanmış bir ön uç için tipik bir profesyonel sonuç elde etmek için, bu tür bir uygulamada düzen, okunabilirlik ve en yaygın hataların düzeltilmesi gibi belirli yönleri hesaba katmak gerekir. Aşağıda paylaşıyorum beş ipucu çok basit ama aynı zamanda CSS stil sayfalarımızın işlenmesi ve optimum konfigürasyonu için çok önemlidir.

CSS3 stil sayfalarınızda etkili bir düzen ve yapı oluşturduğunuzdan emin olun

Stil sayfalarımı her zaman hiyerarşik bir düzende bölüyorum. İlk olarak, genellikle genel seçicileri uygularım ve ardından html seçicilerinin bildirimlerini eklemeye ve son olarak da konteynerlerin ve küçük öğelerin kimliklerinin içinde çalışmaya devam ediyorum. Temelde toprak DOM mantığını takip edin ve ebeveynlerden başlayarak çocuklarla bitene kadar. Ancak başka bir formülü veya sıralamayı da takip edebiliriz, örneğin seçicilerimizi ve beyanlarımızı işlevlerini dikkate alarak gruplayabiliriz. Her şey tercihlerimizin ne olduğuna ve çalışırken nasıl daha rahat hissettiğimize bağlı olacaktır.

Seçicilerinizin her biri için açık ve kısa adlar seçin

Dikkate almanız gereken çok önemli bir şey var ve bu, CSS3'ün büyük ve küçük harf kullanımında farklılık göstermesidir, bu nedenle büyük harfle bir kelime yazmak farklı bir anlama gelebilir ve hatalara neden olabilir. En kolay şey, bu tür sorunlardan kaçınmak için her zaman küçük harf kullanmaktır. Ayrıca denemek sınıflarınız için ve açıkça tanınan kimlikleriniz için isimler seçin ve bize şüpheler veya hatalar çıkarmazlar.

Açıklayıcı yorumlar eklemeyi unutmayın

Elbette dosyalarınızı diğer insanlarla, belki müşteriniz veya çalışma ekibinizdeki iş arkadaşlarınız, örneğin düzen tasarımcıları, diğer tasarımcılar veya geliştiricilerle paylaşmanız gerekir. Bu nedenle yapıya dikkat etmek, temiz ve düzenli bir bitiş sağlamak çok önemlidir. Açıklayıcı yorumlar, stil sayfamıza erişen herkesin bir bakışta yolunu hızlıca bulmasına yardımcı olacaktır. Dikkate alınması gereken her türlü gözlem içerik olarak görünmelidir. Hem Html dosyanıza hem de CSS dosyanıza içerik ekleyebileceğinizi ve her iki durumda da bunların, mantıksal olarak nihai sonuca yansıtılmayacak yorumlar olduklarını ve yalnızca aynı kaynak koduna erişildiğinde görülebileceklerini unutmayın. çok yardımcı olabilir.

Stil sayfalarınızda her zaman bir sıfırlama uygulayın

Her tarayıcının kendi varsayılan stil sayfası vardır, bu nedenle sayfamızın görüntülendiği tarayıcıya bağlı olarak herhangi bir hata veya değişiklikten kaçınmak için çok yararlıdır ve stil sayfalarınızı sıfırlayın. Birkaç alternatif var, Eric Meyer'in sıfırlama stil sayfası çok iyi bir seçenek olabilir.

En etkili aracı seçin

Web sitesi tasarımınız üzerinde çalışırken olabildiğince verimli olmak için kullanabileceğiniz birçok araç vardır. Wireframe'lerin oluşturulmasından sitenizin yapısının geliştirilmesine kadar her türlü uygulamanın yanı sıra Adobe Photoshop, Illustrator veya Fireworks. Ayrıca en çok tavsiye edilenlerden biri olan birçok profesyonel editörünüz var (en azından benim kullandığım) Sublime Text veya başarısız olursa Adobe Dreamweaver yüksek kişilik düzeyine sahip çok basit arayüzler sağladıkları ve aynı zamanda bir kısayol sistemi aracılığıyla kodlarımızla çalışma imkanı ve birlikte kullanacağımız zamanın% 70'inden fazlasını kurtarmamıza yardımcı olacak bir otomatik tamamlama sistemi sağladıkları için geleneksel düz metin editörü.