W3C doğrulayıcının yardımıyla html ve css düzenlendi. CSS Doğrulama Hizmetini kullanarak CSS'nin geçerliliğini kontrol etme Kod doğrulayıcı nedir?

Bu koleksiyon, CSS kodları içeren harika bir çevrimiçi robot hizmetleri koleksiyonuna sahiptir. Tüm bu hizmetler web geliştiricisinin hayatını kolaylaştıracak. Bu yardımla, site için bir CSS ızgarası oluşturabilir, kodda hatalar olup olmadığını kontrol edebilir, kodu farklı tarayıcılar için uyarlayabilir, Photoshop top stillerine dayalı CSS stilleri oluşturabilir, arka plan ve degradeler için desen kodları çıkartabilirsiniz. sitenizi daha akıcı hale getirin. Yazı tipleri ve bunların görsel sunumlarıyla çalışma konusunda uzmanlaşmış birçok hizmet vardır.

1Kb CSS Izgarası
Yalnızca üç parametrenin belirtilmesiyle bir CSS ızgarası da oluşturulur. Piksel cinsinden genişlik de gösterilir.

Izgara Tasarımcısı
Daha fazla katlama hizmeti. CSS ayarları bir dizi parametre kullanılarak ayarlanabilir. Başka bir blok, sütunlarda görüntülenen metni oluşturur. Çıktı hazır bir CSS ve HTML şablonudur.

CSS Tüysüz
Web sitenizin kodunu kontrol etmeye yönelik bir hizmet iyi bir fikirdir.

Astar CSS
İletişim kutusuna HTML kodunu ekleyerek, CSS tarafından oluşturulan tüm sınıf tanımlarının ve kimliklerinin bir listesini görüntüleyebilirsiniz.

ÖnekMyCSS
Çıkış CSS kodunu girdikten sonra, farklı tarayıcılara yönelik uyarlamalar için çıkış kodunu görebilirsiniz.

Modernizasyon
Bu hizmette, bir web sitesi oluşturmanıza yardımcı olacak kapalı kodlu bir JavaScript kitaplığı indirip yüklemeniz önerilir. Daha kesin bir şey söyleyemem çünkü kendim denemedim.

Katman Stilleri
Çok iyi hizmet. Photoshop programı, topun stillerinin iletişim kutusunun ayarlanmasına dayanarak CSS kodu oluşturur.

ColorZilla'dan Ultimate CSS Gradyan Oluşturucu
Farklı tarayıcılara uyarlanmış çok sayıda degrade ve CSS kodu arasından seçim yapabilirsiniz.

Sprite kutusu
Tek bir resimden hızlı ve kolay bir şekilde sınıflar ve tanımlayıcılar oluşturmanıza olanak tanır

Otomatik CSS satır içi
Posta satış noktalarındaki wiki'ler için CSS girişlerindeki tüm yerel stilleri otomatik olarak yeniden oluşturur.

Daktilo
Farklı yazı tiplerinin yazımını değiştirmenize ve seçilen yazı stilinin CSS kodunu çıkarmanıza olanak tanır.

Web Yazı Tipi Birleştiricisi
Hizmet, başlıklarda, alt başlıklarda ve ana metinde farklı yazı tiplerinin nasıl göründüğünü görsel olarak görmenizi sağlar.

Doğrulama, CSS kodunun CSS2.1 ve CSS3 özelliklerine uygunluğunun doğrulanmasıdır. Görünüşe göre, hata içeren doğru koda geçerli, spesifikasyonlara uymayan koda ise geçersiz kod adı verilmektedir. Kodu doğrulamanın en kolay yolu web sitesidir http://jigsaw.w3.org/css-validator/, bu hizmeti kullanarak bir belgenin adresini girebilir, bir dosyayı indirebilir veya yazılan metni kontrol edebilirsiniz. Hizmetin büyük bir avantajı Rusça ve Ukrayna dilinin desteklenmesidir.

URI'yi kontrol edin

Bu sekme İnternette bulunan bir sayfanın adresini belirtmenizi sağlar. http:// protokolünün yazılmasına gerek yoktur, otomatik olarak eklenecektir (Şekil 1.42).

Pirinç. 1.42. Adresteki belgenin doğrulanması

Adresi girdikten sonra “Kontrol Et” düğmesine basın; iki mesajdan biri görünecektir: “Kapanıyor! Başarılı olması durumunda herhangi bir erteleme tespit edilmedi veya Maalesef geçersiz kod içeren bir erteleme tespit ettik. Avantajlar hakkında bilgi veya ilerleme satır numarası, seçici ve faydaların açıklaması.

İçe aktarılan dosyayı kontrol edin

Bu sekme bir HTML veya CSS dosyası girmenize ve hatalara karşı kontrol etmenize olanak sağlar (Şekil 1.43).

Pirinç. 1.43. İlgilendiğiniz zamanda dosyayı kontrol etme

Hizmet, dosya türünü ve belirtilen HTML belgesini otomatik olarak tanıyarak doğrulama için stil ekler.

Yazdığınız metni kontrol edin

Kalan sekme, stili değiştirecek olan HTML veya CSS kodunu doğrudan girmek için tasarlanmıştır (Şekil 1.44).

Pirinç. 1.44. Girilen kodun kontrol edilmesi

Bu seçenek, kod üzerinde çeşitli deneyler yapmak veya küçük parçaları hızla gözden geçirmek için en uygun olanıdır.

CSS sürümünü seçin

CSS3'ün önceki sürümüne eklenen birçok yeni stil özelliği vardır, bu nedenle sürümü güncelledikten sonra kodu kontrol etmeniz gerekir. Hizmet, tanıtım için CSS2.1'i belirledi; bu nedenle, kodun CSS3 uyumluluğunu kontrol etmek istiyorsanız bunu açıkça belirtmeniz gerekir. Bunu yapmak için “Ek Olasılıklar” metnine tıklayın ve “Profil” listesindeki bloktan CSS3'ü seçin.

Pirinç. 1.45. Revizyon için CSS sürümünü ekleyin

Tanımlayıcı ve sınıf

Zaman zaman, mizanpajda seçilen tanımlayıcıların kullanışlılığı konusunda endişeler dile getirilmektedir. Ana argüman, tanımlayıcıların ek komut dosyaları kullanarak web sayfası öğelerine erişmek ve bunları işlemek için kullanıldığı ve öğelerin stillerini değiştirmek için sınıflar oluşturmanın gerekli olduğu gerçeğinde yatmaktadır. Tanımlayıcıların ve sınıfların özelliklerini ve perakendecileri etkileyebilecek tuzakları akılda tutmak dışında stilleri nasıl tanımladığınız gerçekten önemli değil.

Başlangıçta, bu seçicilerin karakteristik işaretleri aşırı pozlanmıştır.

Tanımlayıcılar

Belge kodunun benzersiz bir tanımlayıcısı vardır ve yalnızca bir kez dahil edilmelidir.

Kimlik adı büyük/küçük harfe duyarlıdır.

getElementById yöntemi aracılığıyla, tanımlayıcısının arkasındaki öğeye erişimi reddedebilir ve öğenin gücünü değiştirebilirsiniz.

Tanımlayıcının stili sınıflara göre daha yüksek önceliğe sahiptir.

Sınıflar kodda birden fazla kez galip gelebilir.

Sınıf adları büyük/küçük harfe duyarlıdır.

Sınıflar birbiriyle birleştirilebilir ve tek bir etikete birden fazla sınıf eklenebilir.

Tanımlayıcılar

Web sayfası çalışmaya başlar başlamaz, belirli öğelerin stilini "anında" değiştirmek veya bunları bazı metnin ortasında görüntülemek gerekir; tanımlayıcılarla çalışmak çok daha kolaydır. Öğeye dönüş, parametrenin tanımlayıcı adı olduğu getElementById yöntemi aracılığıyla elde edilir. Uygulama 1.70'de formun metin alanına userName adında bir tanımlayıcı eklenir, ardından alana herhangi bir metin girenleri kontrol etmek için ek bir JavaScript işlevi kullanılır. Metin yoksa ve Gönder düğmesine basıldığında, etiketin ortasında msg tanımlayıcıyı içeren bir bildirim görüntülenir. Her şey doğruysa form verileri, action özelliği tarafından belirtilen adrese uygulanır.

Stok 1.70. Form verilerinin doğrulanması XHTML 1.0 IE 7 IE 8 IE 9 Cr 8 Op 11 Sa 5 Fx 3.6