En iyi etiket. CSS Üst Kayıt yaptırız
Html etiketleri ve - Değiştirme ve yastıklı metin
Tanım ve kullanım
Etiket İkame metnini belirler. İkame metni, iki kat daha az bir yüksekliğe sahiptir ve taban çizgisi altında görünür. İkadi metin, örneğin H 2 O. için bir kimyasal formül yazarken kullanılabilir.
Etiket Gelişmiş metni tanımlar. Yastıklı metnin iki kat daha az yüksekliğe sahiptir ve taban çizgisinin üzerinde görünür. Yastıklı metin, www gibi dipnotlar yazarken kullanılabilir.
Destek tarayıcıları
Etiketler ve Tüm büyük tarayıcılar tarafından desteklenir.
HTML ve XHTML arasındaki farklar
Standart özellikler
Sütun DTD. HTML 4.01 / XHTML 1.0 DTD'nin hangi tür belgeye izin verildiğini gösterir. S \u003d STRICT, T \u003d Geçiş ve F \u003d Frameset.
Etiketler ve Aşağıdaki standart özellikleri destekleyin:
Öznitelik | Değer vermek | Açıklama | DTD. |
---|---|---|---|
sınıf | namklassa | Öğe için sınıfın adını belirtir | STF. |
dir. | rtl Ltr. |
Elemandaki içeriklerin metin yönünü belirtir | STF. |
İD | tanımlayıcı | Bir öğe için benzersiz bir tanımlayıcıyı gösterir | STF. |
lang. | kOD_ DİLİ | Öğenin içeriği için dil kodunu belirtir. | STF. |
stil. | tanım_stile | Eleman için yerleşik stili belirtir | STF. |
başlık | metin | Eleman hakkında ek bilgileri belirtir | STF. |
xML: Lang. | kOD_ DİLİ | XHTML belgelerindeki öğenin içeriği için dil kodunu tanımlar. | STF. |
Standart özellikler hakkında ek bilgiler.
Olayların nitelikleri
Etiketler ve Aşağıdaki olay özniteliklerini destekleyin:
Öznitelik | Değer vermek | Açıklama | DTD. |
---|---|---|---|
tıklamada. | senaryo | Script, fareyi tıklatırken başlatıldı | STF. |
ondblick. | senaryo | Script çift tıklatma fare ile başladı | STF. |
onkyedown. | senaryo | Fare düğmesine bastığınızda komut dosyası çalışıyor | STF. |
onmousemove. | senaryo | Fare işaretçisini hareket ettirirken komut dosyası çalışıyor | STF. |
onmouseout. | senaryo | Komut dosyası, fare işaretçisi öğenin ötesine geçtiğinde başladı | STF. |
onmousever | senaryo | Script, fare işaretçisi öğenin üstünde hareket ettiğinde başladı | STF. |
onmouseup. | senaryo | Fare düğmesini serbest bırakırken komut dosyası başlatıldı | STF. |
onkowndown. | senaryo | Tuşuna bastığınızda komut dosyası çalışıyor | STF. |
onkeypress. | senaryo | Tuşuna basıldığında ve sonra serbest bırakıldığında komut dosyası çalışıyor | STF. |
onkeyup. | senaryo | Anahtar serbest bırakıldığında komut dosyası çalışıyor | STF. |
Ek bilgi OBO
Metin ile ilgili dizin, başlangıçta yukarı veya aşağı göre sembol yer değiştirmesi denir. Olumlu ya da olumsuz önyargı değerine bağlı olarak, endeks sırasıyla, üst veya alt. Matematik, fizik, kimyada ve ölçüm birimlerini belirlemek için aktif olarak kullanılırlar. HTML, bir dizin oluşturmak için iki öğe sunar: (İngilizce SuperScript'ten) - Üst Endeks ve (İngilizce alt bölümden) - alt dizin. Bu konteynerlerden birine yerleştirilen metin, baz metinden daha küçük bir boyutta belirtilir ve bağıncaya kadar yukarı veya aşağı kaydırılır. Örnek 1, metin türünü değiştirmek için bu elemanların ve stillerin paylaşılmasını göstermektedir.
Örnek 1. Üst ve alt indeksi oluşturma
İkinci derece yüzeyin karakteristik denklemi
λ 3 - BEN. 1λ 2 + I. 2λ - I. 3 = 0
Örnekte, hem alt hem de üst endeks aynı anda karşılaşıldı. Dizin Yazı Tipinin yazı tipini değiştirmek için, tek bir tasarımı tanımlayan stiller kullanılır (Şekil 1).
İncir. 1. Stilleri uyguladıktan sonra indekslerin görünümü
Genellikle kullanmayı reddedebilirsiniz ve stillerin lehine. Bu elemanların analogu, metnin belirtilen mesafeye dikey olarak kaymasına neden olan dikey hizalama özelliğidir. Özellikle, Örnek 2'de, 0.8EM, üst endeksi ve alt için -0.5EM için bir değer olarak kullanılır. EM, mevcut fontun boyutuna eşit göreceli bir birimdir. Örneğin, 0.5EM metnin yazı tipi boyutunun yarısına kaydırılması gerektiğini öne sürüyor.
Örnek 2. Endeksleri yönetmek için stilleri kullanma
Polinom derecesi n.
f (x) \u003d a 0 + A. 1 x + ... + a n-1 X. n-1 + A. n. X. n.
Örnekte, formülün kendisi artan bir boyutta görüntülenir, üst endeksin sembolleri kırmızı ve alttan maviye monte edilir (Şek. 2).
Küçük harflerin küçük harfe dönüşmesi ve CSS (8) kullanarak ilk üst kayıt
CSS'de KP-Teklifler seçeneği yoktur. Metin dönüşümü sunan diğer cevaplar: CintainTize yanlıştır çünkü bu parametre kullanır her kelime için her kelime .
Buraya kaba İstersen yapmanın yolu her öğenin ilk harfi Büyük harfte, ancak bu kesinlikle gerçek kısıtlamaların yanında herhangi bir yerdedir:
P (Metin dönüşümü: küçük harf;) P: Birinci harf (metin dönüşümü: büyük harf;)
Bu bir örnek iTakence.
Bu başka bir örnek iTakence. Ve bu başka bir şey, ama tamamen küçük harf olacak.
Büyük harfin küçük harfe ve her cümle için ilk büyük harfe, aşağıda gösterildiği gibi, yalnızca CSS ile mi?
Aşağıdakilerden: Bu bir uygulamanın bir örneğidir.
İçin: Bu örnek bir teklif.
Güncelleme: Metin dönüşümü kullandığımda: CANIZE; Sonuç hala aynı.
Sadece CSS ile yapamazsınız. Bir metin dönüşümü niteliği var, ancak yalnızca hiçbirini kabul eder, büyük harf, büyük harf, küçük harf ve devralma.
JS çözümüne veya sunucu çözümüne bakmak isteyebilirsiniz.
Tüm karakterleri sunucudaki küçük harflerle uygulayabileceğinizden daha fazla yapabilirsiniz:
Metin dönüşümü: büyük harf
Metin dönüşümünün, girdi olarak büyük harflerle çalışacağını sanmıyorum.
Eğer kullanmak istiyorsan İşe yaramayacak veya JavaScript'i kullanmanız gereken metin alanı
hangisi için iyi çalışmalı veya
Birkaç ders için, zaten CSS tarafından metin biçimlendirme ile sofistike olduk ve bu sefer metin kaydını değiştirmeyi öğreniyoruz. Bu bağlamda, basamaklı stil sayfaları bizimle çok geniş fırsatlarla açık ve daha doğrusu, şunları yapabiliriz:
- Tüm metni büyük harflerle görüntüleyin;
- Tüm metni küçük harflerle vurgulayın;
- Her kelimenin ilk harfinin en üst kayıttan başlamasını sağlayın.
"Bunların hepsi, elbette, ama ne zaman gerekli olabilir?" - sen sor. Tüm menü öğelerini büyük harflerle göstermeniz gerektiğinde bu durumu hayal edin. Bunu yapmak için, CAPSLOCK tuşunu da içeren veya bir vardiya düğmesini basılı tutarak bunları yazmak gerekli değildir. Liste ekranının tüm öğelerini, CSS dosyasındaki uygun kural oluşturarak büyük harfte ayarlamak yeterli olacaktır. Ve bu mümkün olan birçok durumdan sadece bir tanesidir.
Metin Dönüşümü Mülkiyet
Metin Dönüştürme özelliğini kullanarak metin kaydını yöneteceğiz. 4 ana değere sahiptir - büyük harf (büyük harfler), küçük harf (küçük harfler), büyük harf (ilk kelime harfi için üst kayıt, kalan değerler değişmez), hiçbiri (biçimlendirme geçerli değildir). İlk bakışta, hepiniz çok zor görünebilir.
Ana şey panik değil ...
Ancak pratikte, her şey oldukça basittir, şimdi neyin var ve emin olun. Asıl şey, doğru seçiciyi seçmek, çünkü metin dönüştürme özelliğinin değerleri devralınır.
Büyük harflerin seçilmesi
Her şeyden önce, aşağıdaki CSS kuralını oluşturduğumuz şey için, büyük harflerin tüm metninden sormamı öneririm:
Gövde (Metin dönüşümü: büyük harf;)
Prensip olarak, karmaşık bir şey, sadece büyük harf değerini kullandık. Dedikleri gibi, her şey sezgiseldir. Hayatta böyle göründüğü budur:
Hepsi bir büyük harfle ...
Düşük Kayıt - Herkese Uygula
Bir sonraki adım, aşağıdakileri yazdığımız küçük harfler uygulayalım:
Gövde (metin dönüşümü: küçük harf;)
Muhtemelen tahmin ederken, yeni tanıştığımız iki anlam, bir dereceye kadar zıt anlamda. Ve aşağıdaki resimde, yeni oluşturulan mülkün sonucunu görebilirsiniz.
Enabled küçük harf olduğunda web sayfası
Her kelimenin ilk harfini en üst kayıt olana tahsis ediyoruz
Bunu yapmak için uygun değeri kullanmamız için yeterli:
Gövde (metin dönüşümü: büyük harf;)
Böyle bir CSS kuralını ne sıklıkta kullanacağınızı bilmiyorum, ancak özellikle nazik olmayan problemleri çözerken, böyle bir fırsattan dolayı sizi engellemez. Sonuç, aşağıdaki resimde görülebilir.
Büyük harf uyguladıktan sonra metin
Sonunda, son değeri kısaca odaklanalım - Yok. Dediğim gibi, ebeveynin mirasını iptal etmek için kullanılabilir. Örneğin, önceki tüm kurallara sahip olduğumuzu ve paragraflar için onları iptal etmeliyiz, bunun için aşağıdakileri yazıyoruz:
P (Metin dönüşümü: Yoktur;)
Olmazsa, her şeyin size açık olduğunu varsaymaya cesaret ediyorum - sorularınızı yorumlarınızı sorun. Ve bu konuda her şeyim var. Umarım CSS'deki bu ders sizin için faydalı oldu. Eğer doğruysa:
- Bu makalenin sosyal ağlar hakkındaki bir repostunu yapın, böylece daha fazla insan ondan yararlanır;
- Blogdaki yararlı ve ilginç yayınları kaçırmamak için bültenime abone olun.
Sana elveda demiyorum. Aşağıdaki yayınlarda toplantıya dikkatiniz için teşekkür ederiz!
CSS, HMTL dilini kullanarak sunulan esnek bir metin ayarını yapmanızı sağlar. Bugün, "Text-Transform" özelliğinin eylemini, yazı tipi kaydını değiştirme yeteneği veren eylemi düşünüyoruz. Bu seçenek tüm modern tarayıcılar tarafından desteklenir ve tüm CSS sürümlerinin özelliklerine dahil edilir.
Amaç
Metin dönüşümü özelliği üç ana değer ve iki ek alabilir. Örneğin, üst kaydı tüm özel metnin tamamına atayabilirsiniz. Veya tüm karakterlerin satır olduğu için komutu tersi önceki özelliğe verebilirsiniz. Sizin için uygun herhangi bir yöntemi kullanarak randevu kullanabilirsiniz. Örneğin, gömülü stilleri kullanarak. Ya da oluşturabilirsin
Tüm özelliklerin açıklamasına sahip bir dosyayı ayırın. Atama yöntemini ne kullanmalı, sadece sizi çözün. "Metin-dönüşüm" aşağıdaki değerleri alabilir:
- Büyük harf. Tüm seçilen karakterleri sermayede yapar. CSS büyük harf genellikle bu değer, metinle ilişkili birçok karmaşık görevi çözmeye yardımcı olduğu içindir.
- Küçük harf. Bu özellik tamamen büyük harf komutunun karşısında.
- Büyük harf yapmak. İlk harfin kaydını üste değiştirir. Kalan karakterler değişmeyecek.
- Yok. Tüm atanan değerleri iptal etmenizi sağlar (özelliği önceden belirlemek için gereklidir). Kural olarak, bu değer varsayılan olarak ayarlanır.
- Kalıtım. Ana öğenin tüm özelliklerini devralır. IE'nin bu özelliği desteklemediği belirtilmelidir.
Uygulama
CSS'yi kullanarak, üst kayıt (veya benzeri efektler), basit bir komut kullanılarak yüklenir. Bu nedenle, tüm metni değiştirmeye veya yeniden yazmanıza gerek yoktur. Tek sayfalık bir siteden bahsediyorsak, bu özellik yararlı olmayabilir. Ancak kontrolünüz altında, belirli parçalardaki harflerin kayıtlarını düzeltmeniz gereken büyük bir portal olduğunda, "Metin dönüşümü" tek etkili araçlar haline gelir. Örneğin, yazı tipini "H2" başlık etiketlerine sabitlemeniz gerekir. Bunu yapmak için bir giriş ekleyin: "H2 (Metin dönüşümü: büyük harf;)" ve ardından tüm ikinci seviye başlıkları en üst kayıt olacaktır.
Özellikleri
Bazıları, metin dönüştürme özelliğini kullanarak manuel metnin işlenmesi ve yazı tipini değiştirmenin herhangi bir farklılık göstermediğine inanabilir. Ama öyle değil. Büyük harfe (üst kayıt) manuel olarak değiştirirseniz, bu bilgiyi sitenizden kopyalarken, karakterler değişmeden kalır. CSS dilini kullanırsanız, her şey farklı olur. Metin dönüşümü özelliği, yalnızca fontları değiştiren kullanıcılar için görsel olarakdır. Ancak gerçekte, karakterler değişmeden kalır. Bu, bu mülkün tüm değerlerinde olur. Kopyalama bilgisi (metin), sayfanın kaynak kodunda kullanılan bir başlangıç \u200b\u200bkaydına sahip olacaktır. Bu, manuel işleme ve CSS komutları kullanılarak tek farktır.
Ne kullanmak istediğiniz önemli değil - alt veya üst kayıt, asıl şey, amacı unutmayın. Örneğin, yalnızca dekoratif bir hedefe ihtiyacınız varsa, metin dönüşümü özelliğini güvenle uygulayabilirsiniz. Peki, kullanıcılarınızın kesinlikle mesajı kopyalayacağını biliyorsanız, tüm metnin kayıtlarını el ile değiştirmek en iyisidir. Sonuçta, bazen okuyucular böyle bir font değiştirmeyi farketmez. Bu, önemli belgeler ve benzer bilgiler söz konusu olduğunda özellikle kritiktir.