CSS: Yazı tipi renk, stil, desen, boyut

Programlama - Ayna: Başlangıçta kelimeydi değil, geri yansıyan. Ve çok hızlı bir şekilde bu "değişim" zorundaydı: Bu noktada ilk ayna, ardından sözcüğü ..., stil sayfası basamaklı - ama neden bu kadar uzun bir geliştirici akla iyi gidiyordu edilir? CSS - bu ama sadece farklı bir perspektifte, bilgisayar programları hep aynı dizi süreleri dönem. kitleler haline bile ilişkisel devrim yapılmaz.

web sitesi sayfası - bu belli stil veya stil sınıf tanımlayıcı isnat edilebilir HTML işaretlemesi, etiketler. İlk kez tanımlanabilir ve bir şey çok gerekli zaman atfetmek, ikincisi belli bir elemana ait.

stillerin tanımı genel mantığı

Geleneklere göre, stil CSS-dosyasına konur, fakat biçim niteliği belirli bir elemana bağlanabilir. tarzı JavaScript araçlarının dinamikleri oluşturulabilir. Özellikle önemli olan şekilde vasıtasıyla, örneğin, açıklanmayan CSS renk yazı tipi, büyüklüğü, kulaklık vb altında arka plan ve. Daha sonra tarif, bu nedenle daha yüksek bir önceliktir ve eleman açıklandığı takdirde, önemli yapar !.: Yer açıklama tarzı genellikle iki fikir bağlamında önemlidir Son olduğu gibi, açıkça önceliği tanımlar kaydedildi.

Örneğin, belli bir yazı renk değişimi renk, her yerde ve herhangi bir şey olabilir stil uygulayın. sorusu hep birlikte stilleri sökme sırasında bir tarayıcıda buna tepki nasıl olduğunu. Ne kadar o bu CPU geçirdiler?

İdeal olarak, yazı tipi rengi yalnızca bir kez belirtilmelidir - bir klasik. Birkaç basit açıklaması için dışarı düşünün ve daha sonra başka başka ... Tabii, bunu yapabilirsiniz. Bu moda, ama pratiktir.

Örnek Genel mantık

Oldukça basit, her üç öğeleri için CSS rengine göre belirlenen, en az üç uzun süren sorunların almak mümkündür:

# Ele1, # Ele2, # Ele3 {
KONUM: mutlak;
Sol: 20px;
En: 14px;
color: red;
}

# Ele2, # Ele3 {
Sol: 90px; CSS yatay koordinatları değiştirme //
Renk: siyah; yazı CSS rengini değiştirmek //
}

# Ele3 {
En: 114px; CSS değiştirmek // dikey koordinat

Renk: yeşil; bir kez daha yazı CSS rengini değiştirmek //

Arka plan renkli: lightgrey; // CSS metin vurgu rengi değişti, ama bu # Ele1 ve # Ele2 mevcut değildir; Burada olduğu gibi, pozisyon da değişti, ama # Ele2 değişti değil

}

Şimdi bu üç elementin hepsi bir yere tanımlandığını hatırlamak zorunda ve site sahibinin renk temsilleri değişikliği durumunda, geliştirici rengi hakkında değil, aynı zamanda sol kurallar ve üst ilgili değil sadece hatırlamak ve hatta metnin vurgu rengi unutulmamalı değişmek zorunda kalacaktır.

tüm geliştiricilerin saygı vardır değil gereklilik CSS: Stil Kimlik - tek unsur ve sınıf stili - kaç etiket, sıfat olarak etiketleri mümkün olan en son noktada yanında:

• CSS yazı tipi rengini ayarlamak - tarzı groundColor sınıfında;
• font boyutunu belirlemek - sınıf size15;
• set pozisyon - sınıf PlaceUp.

Doğal olarak, onlar, aynı işaretleme elemana sayfası öğelerinin yüzlerce değişik kombinasyonlarda boyalı ilk on tarzı sınıfları, ait özellikle tanımlayıcıları kullanımı. Ama her şey kendi nesnel mantığı vardır.

geliştirici basitçe doğru dikkate almak gerekir: yazı tipi rengi bile HTML, CSS , sert tarif etmek açıklamaları genel yapısının esnekliği sunar - bu onun işi.

ortak mantığı kullanarak beklenen sonuç

Modern tarayıcılar stil dosyaları ve miktarlar çok konforludur. Ancak, tasarım, CSS yoluyla özellikle sayfanın tamamını renk, her zaman makul yeterlilik düşünmek gerekir. uygulamada Tüm stil kuralları "ucuz" bir bakış. Basit veciz giriş: * {color: white;} - güzel kesinlikle ama istisnasız sayfanın tüm unsurları için de geçerlidir.

CSS, en önemli donatılmıştır tüm kuralları, Of:

• stil - sınıf ve sonra adı ile başlar ""
• stil - tanımlayıcı ve adı bir "#" karakteri ile başlar;
• diğer durumlarda - bir isim etiketi veya özel bir şey

Styles açıklama fikirler kalan kısmı (kalıtım özellikleri, öncelikler, konum, düzeni ve benzeri yer alır. D üst üste gelir) ve akıllıca kesinlikle gerekli kullanılmalıdır.

Her zaman özlüyorum tarayıcı, açıklamasında dışarı yapmazlar böylece özel sürprizler olmaz. bir şey doğru yerde değildi ya ayarlanırsa CSS'deki font color hatasının tarzında, bu nedenle, mümkün değildir.

beklenmedik fırsatlar

* {sol gibi stilleri istismar olmamalı: 124px; } veya

ol ol ol ul ul ul ul ol {kenar dipli: 0; }
Bir img {sınır: 0; }

oldukları haline CSS kurallarını kullanmak bile bir acemi geliştirici yapmak zor olmasına rağmen. Her zaman herhangi bir sitenin gelişiminde, hatta mükemmel basit CSS sözdizimi beklenmedik sorunları veriyor. sözdizimi doğru kullanımı doğrudan çabalar, ama uygulamak Ancak, JavaScript işlevselliği yeni ve beklenmedik fırsatlar monoton her element için tanımlayıcıları oluşturmak önleyecektir veya stilleri ve sınıfların çeşitli kullanımını izlemektir.

CSS - sadece stil etiketi üzerinden içine bağlantı etiketi aracılığıyla sayfasına bağlı veya eklenen bir stil dosyasıdır. Varolan bir anında bir stil oluşturmak veya değiştirmek için de mümkündür.

CSS kullanarak, yazı tipi rengi programlı yapılabilir. Yanı sıra boyutu ve konumu, kenar olarak. Web sitesi - CSS, HTML, PHP veya JavaScript etkileri flash bilgiyi uygulamak için bir amaç değildir.

Web kaynak - belirli bir şekilde sunulan tüm bilgilerin ilkidir. Bu sayfa sunucuda hala iken CSS iyi ihtimalle bu formu nasıl mümkün olduğunu merceğinden dinamikleri görülen nedeni budur, istenilen stil (o site ziyaretçisi, geldi o siteyi geliştiriyordu anda değil geliştirici anda mevcut PHP değildir) o belirli bir ziyaretçi baktığında belirli metin alakalı içerik için veya çalışıyor sayfası gibi anında bir stil sınıf veya tanımlayıcı oluşturmak için.

statik dinamikler

Yeterli içeriği - Biz her zaman dinamik içerik ve tasarımını yapmak için gelişmiş bulmak JavaScript kod yazmak gerekir. Bazen düzgün mevcut fırsatları kullanmak yeterlidir. Özellikle, CSS font color başlangıçta statik kural tanımlayarak, bu kuralı (gizli) gizlemek ve farklı (görünür) benzetebiliriz.

Burada, hoparlör algoritması gerektirmez:

// web sitesinde giriş düğmesini vurgulamak için
fonksiyon scfWelcomeOver () {
Document.getElementById ( 'scDocxNamePiP') style.visibility = 'görünür' .;
}

// web sitesinde giriş düğmesini gizlemek
{) (ScfWelcomeOut işlev
Document.getElementById ( 'scDocxNamePiP') style.visibility = 'gizli' .;
}

renkleri solan Şeritler, şeffaf elemanları, çeşitli düzenlemeleri bindirmeleri, görüntüler,: CSS kendi dinamiklerini sunuyor. CSS olarak, yazı tipi rengi kimse üslup kural sağlanmaz bile o kadar yapılabilir.

Dinamik içerik görüntüleme

Hiçbir dogmalar olsaydı belki hiçbir ilerleme olacaktır. Sadece değil savaşmak nasıl bir şey olduğunu. Köprü dünyaya dogma bir sürü getirdi. Onlara dikkat etmek ve pragmatik ve pratik tarzda siteleri geliştirmeye başlamak zamanıdır.

Başlangıçta, bir sayfa (P) vardır, içeriğinizin (K) bazı sayfasının tüm etiketler stil sayfası (S) 'de tarif edilmiştir. veritabanından K seçerek sunucuda PHP veya Perl yoluyla değil yeni bir form P page. Mevcut stil sayfası S otomatik takip edecektir. Ancak, K değiştirilebilir, ve çoğu durumda, böyle bir değişikliğin diğer stilleri ihtiyacını yani S + yol açmak olur.

Örneğin, müşteri şunları söyledi: Las Vegas 've tarzında bilimsel ve teknolojik ilerleme makaleleri' ModernTehno "tarzında gece gürültüsünden anlatan" ZaZavtrakom "haber makaleleri tarzında dekore edilmiştir, site Moskova yaşam, daha iyi bakacak açıklar" ' ". Biz bu seçeneklerden üçü üzerinde S yaparsanız Ama, müşteri bir dizi makale "Haber", "tatil", "İş», «CSS / HTML» ikramiye 'HozyaykeNaZametku' olması fikri yoktur dair bir garanti yoktur.

Diğer bir yaklaşım daha pratik. Ne olursa olsun yazının kategorisinde belli bir renge boyanabilir içerik her zaman vardır. İşte bu yerde oldukça mantıklı bir fikir vardır: Yeterli S üretmek için hala sunucuda, belirli K olsun ve tarayıcı P gerektirecektir, o uygun boşluk içinde doğru içeriği alacak.

JavaScript Dinamikleri tarzı

Asgari çok etkili bir çözüm olsa da - müşterinin doğrudan tarayıcıda stil yapmak. Birincisi, sunucu rahatlatır - bunun için köprü sayfaları ve stil dosyalarının oluşumuna üzerinde zaman harcamak zorunda kalmazsınız.

Hâlâ bu nedenle o tutarlı ve düşünceli bilgi çıkışı istiyorum, toplu olarak içeriği görmez: İkincisi, tarayıcı içinde zamanın doğal atık sayfa işletme tarafından işgal ve aktif ziyaretçi ile diyaloğu destekler etkisi yaratır.

Üçüncüsü, geliştirici o rahat olduğu bu tarzda içeriğin ziyaretçi mekanizmasını sağlamamıza olanak tanır. Hatta kimse değil.

Bu fikri uygulamak için hemen sayfa yüklendikten sonra stil unsurlarını oluşturmak için bir mekanizma uygulamak gerekir ve bunun operasyon sırasında. Modern sitesi - belirli bir formda AJAX var. Doğrudan sayfa ağacının oluşum sürecinde stilleri oluşumunu yürütmek zor değildir. içerik onun kaydı ile birlikte olduğu için, kolay, ekonomik ve etkili.

Bu işlem veriler üzerinde gerçekleştirilen ve ekranda bırakmasını verilerin sunumunu ayırmak için modern bir eğilim çelişmez.

aktif terkip maddesi olarak CSS

Köprü iyi bir sürü getirdi, ama doğal bilginin sadece küçük bir bölümü başarıyla resmiyet, araçlar ve yüksek kaliteli HTML, XML, CSS belgeleri oluştururken deneyim vardı. Sorun değil bilgilerinin yeni hacimlerini resmileştirmektir ve zaten daha önce yapılan değişiklik.

CSS ile ilgili olarak, bu süreç tamamen farklı bir bağlamda devreye girer. Dahili böyle bir olasılığı tahmin etmedi elementlerin elemanları ve stilleri oluşturmak için "anında" sağlayan JavaScript araçları, ve PHP yaratıcıları, özellikle, sadece HTML sayfaları oluşumu meşgul olduğuna inanılan.

Hem birinci ve ikinci programlama stillerini yaparız verir. Bilgi teknolojileri alanında bu yeni yön. Stiller XML veya HTML çok daha fazla resmi şey, kuralları çok basit. Stil olursa olsun ne kadar doğal, her zaman bilgi mevcuttur.

Kayıt veritabanı programcıları çok daha resmileştirdi sektörlerde hep meşgul, ancak CSS teması - çok basit bir görevdir, ama bir şekilde geliştirme sürecinin görüş alanına alamadım.

programlama alanında dogma üzerinde

Bir buzdağı gibi, bir dogma uzun yayılma alanı bilgisini furrowing olamaz. Geçmiş deneyim sadece HTML ve CSS-standartlarında, araçlar onlarla çalışmak, bilgi geliştiriciler konsantre zorunda kaldı.

Basit bir görev - CSS yazı tipi rengi aracılığıyla yapmak - mükemmel bir çözüm buldu. Kurallar, sözdizimi, mantık ve konfor tartışılmaz. Ama yazı aslında pratikte için renk değil çok şey var bile çok fazla gerekli değildir ve durumsal bilginin giderken aslında bütün birikmiş "kuvvet» HTML ve CSS ihtiyacı yoktur sanallaştırma gerçekliğine amacıyla, bir zaman gelir çoğaltılabilir ve görüntülenen deneyim ve içerik stilleri doğal oluşum araçları.

Bu nasıl olacak, tamamen açık olmayabilir, ancak süreç açıkçası, çoktan başladığını söyledi.