CSS: hover. Orijinal vurgulu etkileri

Radikal yeni oluşturulduğu ve işlenmiş kodundan bilgi sunumunu bölmek fikriydi. Bu zamanında güçlü bir karardı, ama bu kez tam o tanınmadı. Ne zaman tek bir bilgisayarda ayrılır programlaması, ancak yerel ağ veya tek bir etki alanı bölgesinde kazanamadı ve hemen her tarafa yayılacak, ama sonra (tasarım açısından) bilgi sağlanması ve (kod bakımından) çalışma anlaşıldı - iki aynı düzlemde yan.

Site binanın üç yönleriyle

PHP kodu, JavaScript kodu ve CSS stilleri açıklamasını: görünümünde bir biçimsel açıdan, siteyi oluşturan (çeşitli kılıklarda sözdiziminde) üç ana bileşeni vardır. O kullanıldığı ve hangi belirli bileşenin sürümü HTML hangi sürümünü kullanılır ve tarayıcı sürümünü değer nasıl fark etmez. Uyumlu yüzünden bugün herhangi bir zamanda, yüksek itibara sahip değildir gecikmiş: yani kodlanmış ve kodlanan ne olduğunu, görüntülenebilir ve idam.

Daha önce, dilin fikri için mücadele ederse artık Internet teknolojileri ve tarayıcılar alanında üreticileri standartlarını tercih boşuna mücadele.

Özel ve kamu

öyle ki bu sayede internete erişmek, (bilgisayarlar, dizüstü bilgisayarlar, tabletler, akıllı telefonlar) bir çok tarayıcılar da boldur. Bireysel cihaz bir geliştirici tarafından oluşturulduğu şeklinde siteyi görüntüler garantisi yoktur. Her zaman değil hedef son bir çaba ulaşmak ve birleşik bir web tasarım birçok yüzü vardır sağlamak, bu kadar ziyaretçiye açılabilir her yerde birlik ekran, özüdür.

çalışan tek şey ikincisi kullanarak, özel ve kamu yediğiniz tasarımında önemli ilerleme elde edebilirsiniz. Güzellik, sanatsal bir an ve web tasarım - İlgili uzmanlar ve yetenekleri miras. CSS - bir kod, her ne kadar çok tuhaf. Onun endişesi stilleri (ekran seçenekleri) açıklamak için. mobil cihazlar CSS gelişiyle birlikte medya sorguları gerçek kodlama yüklemek için. Sadece birkaç yıl önce görünüyordu edilebileceği gibi o kadar gerçekçi değildir - tasarım ve kod arasındaki yeniden evlilik seçenek diye.

Kişisel deneyime dayalı ve çoğu tarayıcılarda da çalışması olanlar CSS tasarımlar kanıtlanmış geliştirme CSS-stilleri yapan geliştirici birçok ziyaretçi karşılamak. Birinci ve ikinci asgari zaman, neredeyse her çalışan bir sonuç elde etmek, mümkün olduğunca daha sonra çok daha muhtemeldir kullanılmalıdır.

İlk kural: Standart umut, ancak kendilerine yardım edenlere de bu

CSS: hover - Fare öğesi sayfasındaki "gitti" olduğunda. Fare bir öğenin üzerine tıklandığında aktif hale gelir, ancak imleç tarafına gittiğinde, tekrar değiştirmek ve etkin durumda kendilerini gösterebilir. stilleri açıklamasında en popüler sözde sınıfları - "ziyaret" "aktif" ve "gelin".

Bu elemanların üzerinde fare hareketi olarak böyle borsanın ilgili endişe etmeyin sitenizin kodunda çok uygundur. stilleri iki açıklamaları açıklayan tabloda sağlanması:

eleman {

Renk: siyah;

}

öğe: vurgulu {

renk: beyaz;

background-color: yeşil;

}

otomatik siyahtan beyaza metin rengini değiştirmek eleman fareyi getirdiğinizde elde ve yeşile elemanın arka planını değiştirin. Sözde bir elemanına uygulanan ve görsel etkileri geniş bir çeşitlilik elde edilebilir.

İkinci kural: güven standartları, koduyla yönlendirilir

ilerleme bilgisayarlar ve kollarla donatılmış dizüstü kalmıştır ve mobil iletişimde gelişmeler böyle bir cihaz çok problemlidir bağlamak akıllı telefonlar, tabletler ve diğer mobil cihazlar ortaya çıkmasına yol açmıştır olmadıysa Her şey iyi olurdu.

Öte yandan, sadece akıllı telefonlar, tabletler ve benzeri cihazlara alışılmış hale gelmiştir olarak kullanılabilir doğrudan dokunmatik ekranda parmaklarınızı manipüle özel bir dokunmatik ekran gadget ile donatılmıştır.

Orada önemli bir fark olup: hover burada çalışıyor bizim istediğimiz gibi değil. Herhangi bir kod yapamaz ve medya sorguları kullanımı tüm sorulara karar verir.

CSS vurgu, CSS vurgu odak, aktif CSS vurgu (ziyaret): - Uyumluluk bilgilerinin günümüz dünyasında çok pahalı, bu nedenle, web tasarımı ve tercihen asgari gerekli kullanım durumları rehberliğinde işlevsel bir uygulama için belirtilen gereklilikleri dahilinde sitenin uygun işlevselliği sağlamak için . (Tarayıcıda ve sunucuda gibi) daha fazla kod daha iyi, Web tasarımı izler. programı - bu kontrol sık ne olacağını bilmiyorum mevcut standartlara, merhametine kiralık değilken daha iyi olur, kontrolüdür.

Düğmeler ve sayfanın diğer elementleri

Düğme vurgulu CSS - harika bir çözüm, ancak uzun vadede, her sayfa öğesi "butonuna" dir. Site öncelikle bir yaşam olmalı ve kod inşa değilse, görev, en azından canlılık sayfa öğeleri verebilir CSS-stilleri vasıtasıyla, daha sonra yeterli kapsam ve ziyaretçi davranışlarını temel alarak eylemlerini geliştiren bir site oluşturmak için ise.

vurgulu etkileri elverişli kullanın. Onların yardımı ile kolayca sayfaları canlılığını verebilir, ama onun hareketini takip etmek için mümkün değilse kod, ekranda bir fare kılan bilmiyor. olan bakış Bu noktadan, dönüştürmek için (bir akıllı telefon üzerinde parmak = hareket) kodu kontrol fare hareketi, bu, bağımsız bir öğe vurgulamak ya da olabilir zaman. Bu sözde sınıfları ile ilgisi yoktur, ama yeterince farklı tarayıcılarda farklı cihazlarda görüntülemek için, kod sayfası görünümü üzerinde tam kontrol sağlar.

stil yanılgılar

CSS stilleri alanında standart ne yaptıklarını bilmiyorum söylemek mümkün değildir, ancak bunlar tamamen internet programlama alanında diğer standartlara işbirliği olduğunu söylemek de mümkün değildir.

Stiller ve sözde sınıflar sunucu bir sayfa oluşturur sayfa kodlama, aşamasında ve dinamikleri tarif edilebilir zaten tarayıcı içinde, kolayca yeni bir stil oluşturmak ve mevcut bir değiştirebilirsiniz olduğunu.

ziyaretçinin eyleme tepkisini göstermek için sayfayı yeniden oluşturulmasına gerek olduğunda, AJAX kullanarak ve bir veya birden çok öğe değiştirmeye yeter biraz "biber" ekler. "Dostluk" kod - tarayıcı (JavaScript) ve aslında zaten bu sunucu (PHP) - Yazar (programcı) sitenin miras.

Bu etkileşimin algoritma çalıştırılacaktır nasıl önemli ölçüde sadece kendi elemanlarının sayfasında ekranda bağlıdır, ama aynı zamanda daha fazla kod onların algısı. Her şey açık, erişilebilir ve yönetilebilir - Basitçe (özellikle) sözde hafif esintisi ile açık denizde yelkenli yatlar için olduğu gibi, statik için çok iyi, koydu. Rüzgar güçlüdür, veya ziyaretçilere beklenmedik bir duruma sebep ne zaman hava değişiklikleri veya, hızlı resif ve ziyaretçi kaybetme inmek durumunda.

Standart ve emülasyon

CSS Stil onmouseover ve olaylar onmouseout kullanımı yoluyla vurgulu JavaScript aracılığıyla taklit edilebilir. Genellikle bu her biter. o, değişmek efsanevi standartların insafına vermek yerine, ellerinde kontrol altında tutmak için daha iyidir gerçek çalışma sitesi oluşturma konusunda sağduyu açısından irade ve geliştirici arzusu.

Bazen bu özellik bile IE »mevcuttur" gibi bir şey okuyabilir, ama daha spesifik bir tarayıcı açıklamak algılanan ne stilleri hakkında okunabilir. JavaScript farklı tarayıcılarda farklı nasıl öğrenebilir hele.

"Krom" ve "Opera" özellikleri hayran "Microsoft" herhangi programcı dan IE sevgili, unutulmaz üreticisinden yavaşlık ve tarayıcının ataleti (eleştirerek, tecrübe değerlendirilmesi: "eski güzel Internet Explorer bilgisayarda sadece tembel ya da her kim lanetli etmez. her yerde ve her zaman işe yarayan kullanın: - sadece "Solitaire" çalmasını bilen," altın ortalamayı takip etmelidir) bilinmeyen bir yazar interneti alıntı.

İnsanlar heyecan almak gerektiğinde, genellikle kayıt ofis veya tiyatro değil, internet gitmek çalışacak araçlar gerekir.

Benzetim ve Kontrol

programlama kendi ayakları üzerinde elde edildiğinde Daha önce, yaşlılar dinlemek ve doğru yazmak için alışılmış oldu. Bugün çok fazla yaşlılar, çok hızlı her şey değişiyor ve tüm zamanların dinlerseniz asgari fonksiyonel yerinde, hatta çok basit bir iş için yeterli değildir.

Programlama - öncelikle bir kontrol olduğunu ve durumlarda standart önyargılı setleri kuralları veya keskin kurallar değişikliği, onun tasfiye ve yeni ortaya çıkmasını bekleyebilirsiniz zaman, en iyi çözüm her zaman bir karar vermeden ve gerekli Site İşlevselliği mümkün olan en küçük uygulamak, ama gerçekten çalışan kod değil olmuştur .