Merhaba, bu blogun okuyucuları. Bugün size CSS kullanarak her türlü harika harfi nasıl oluşturabileceğinizi anlatacağım. Elbette bunun için Caps Lock tuşuna basarak gerekli metni yazabilir veya basit yöntemi kullanabilirsiniz. Zaten hazırlanmış bir makalede neden bir sonraki paragrafı görmeniz gerekiyor?

Robimo'nun css'deki tüm harfleri harika

Zaten tahmin ettiğiniz gibi metni dönüştüren metin dönüştürmenin gücü de budur. Bu aşağıdaki anlamlara sahiptir:

• küçük harf – tüm metin küçük harflerle görüntülenir
• büyük harf - tüm kelimeler harika telaffuz edilir (ihtiyacımız olanlar)
• büyük harfle yaz – dış görünüm sözcüğünün ilk harfi harika görünür

Axis, lord ve bilmeniz gereken her şey. Gerekli unsura nasıl ulaşılacağını anlamak imkansız hale geliyor. Şu örneği hayal edelim: Tüm harika harfleri tamamlamak için makalenin beşinci paragrafına ihtiyacınız var. Peki nasıl satılabilir?

Gerekli öğeye nasıl ulaşılır?

Bildiğiniz gibi bir paragraf, bir çift HTML etiketi kullanılarak oluşturulur ve her şey bir paragrafa dönüşür. Artık yeni stil için yeni bir stil sınıfı atamanıza gerek kalmayacak:

Artık diğerlerine dokunmadan css dili üzerinden belirli bir paragrafa gidebiliriz. Bunu şu şekilde yapabilirsiniz:

Büyük harf(
Metin dönüşümü: büyük harf;
}

Makaleye ek olarak bir parça görmeniz gerekiyorsa bu yöntem uygundur. Ve her iki tarafın da hatası, büyük yazarların şarkı sözleridir. Bu durumda, hemen yazmamak için şablon dosyasına bir blok yerleştirmek daha kolaydır.

Ve belki de harika css yazarlarına yardım etmek için dış görünüm istatistiklerinde başka bir paragrafa bakmanız gerekir. O zaman başka bir seçenek size uygun olacaktır. Makalenin görüntülendiği bloğu bulun ve sözde sınıf n'inci çocuğu kullanarak başka bir paragrafa gidin. Bu durumda makale bloğumuzda sınıf makalesi bulunur.

Makale p:n'inci-çocuk(2)(
Metin dönüşümü: büyük harf
}

Bildiğiniz gibi kararınız özel ihtiyaçlarınıza bağlıdır. Harflerin kaydını değiştiren metin dönüştürmenin gücünü hatırlamamak çok önemlidir.

Metnin bu şekilde görüntülenmesi önerilmez çünkü özellikle önemli parçaları görebilmeniz dışında kafa karışıklığınızı büyük ölçüde etkiler.

Bugün metin dönüştürme gücüne kavuştuk. Yeni makaleleri görmek için bloga abone olun.

Çoğu zaman, siteye materyal eklerken veya örneğin forumda yeni konular oluştururken, küçük bir harfle bir teklif (isim) yazmaya başlayabilirsiniz. Ciddi bir huzur ve merhamet.

Bu görev için size bazı seçenekler göstereceğim: jQuery durumu yayınlanmadan önce düzeltebilirse, PHP ve CSS önceden yayınlanmış materyaller için daha iyi çalışacaktır.

PHP'de satırın ilk harfi büyük harf

PHP'de "adlı bir fonksiyon var" ilk önce", satırın ilk karakterini büyük harfe dönüştürür, ancak dezavantajı Kiril alfabesiyle pek doğru çalışmamasıdır.

Bu amaçla kendi fonksiyonumuzu yazacağız. Uygulama şöyle görünecek:

Bu seçenekle, elbette bizim için gerekli olan büyük edebiyatla başladığı iddiasını reddediyoruz.

Satırın ilk harfi büyük CSS'de

Bu yöntem görsel olarak (böylece çıktı kodu sitesinde önermeler є gibi görünecektir) ilk karakteri de büyük harfe dönüştürür.

Vikoristannya şunu beğendi:

Sözde öğeye ek yardım için ilk harf"bu güç" metin dönüşümü» Paragrafın ilk harfinin dış görünümünün tasarımını belirledik.

JQuery'de satırın ilk harfi büyük harf

Daha önce de söylediğim gibi, bu dönüştürme yöntemi yayınlanacak materyaller için en uygunudur.

Örneğin, bir metin alanı alacağız (bunu bir başlık girme alanı olarak düşünüyoruz) ve onun için küçük bir komut dosyası yazacağız; bu, küçük bir harfle girildiğinde büyük bir şekilde çalışacaktır:

Komut dosyası, metnin yazıldığı ve basitçe eklendiği sırada yazılır. Komut dosyalarının sitenizde çalışabilmesi için jQuery kütüphanesinin etkinleştirilmiş olması gerektiğini unutmayın.

Büyük harf elbette metnin boyutu artan bir unsurudur.Hemen hemen tüm diller büyük harfle başlar. Ve gördüğünüz gibi ilk paragrafı büyük harflerle süslemek metni yapılandırmanıza ve anlaşılmasını kolaylaştırmanıza olanak tanır. Bir internet sayfası tasarlanırken metin yazara ve Rus dili kurallarına uygun olarak yazılabilir. Bu tasarımı ayrıca genişletilmiş css içeren bir dosyaya (bir stil sayfası) şarkı "komutlarını" girerek "otomatikleştirebilirsiniz" veya HTML dosyanıza bir stil bölümü ekleyebilirsiniz. Metninizdeki tasarım öğelerini kolayca değiştirmek için CSS'nin HTML ile birleştirilmesi gerekir.

Sitenin yüzlerce sayfası olduğundan ve her birinde değişiklik yapmak zor bir süreç olduğundan bu özellikle önemlidir.

Css kullanıyorsanız dış görünüm paragrafının üst kısmındaki büyük harfler özel görünebilir. Örneğin yuvarlak fiyonksuz html girişlerinde kod, “p” etiketi ile formatlanmış metinlerin standart boyutun %220’si, sarı renk – renk ve sarı değerlerinin başlık harfi – ilk harfi – büyük – %220’si oluşturmasına olanak sağlar, ve metni çözmek için admin'de bir yazı tipiyle yazın – Gürcistan batangche'ye karşı.

(<) style(>)

p: ilk harf (yazı tipi ailesi: Georgia; yazı tipi boyutu:%220; renk: sarı;)

(<)/style(>)

Resimlerin görünümünde güzel bir yazı tipi oluşturmak için harika harflerden oluşan garni oluşturulabilir - mektubun dış yüzeyinde resim, örneğin eski Rus ve Gotik tarzda çerçevelenir. Todi'de Büyük Harf'in bulunduğu yerde gerekli yerlere boyanabilir, yuvarlak kollar olmadan kod ekleyebilirsiniz (<) img src=”ссылка на место, где лежит картинка”(>). Ek özellikler yükseklik ve genişlik olacaktır; bunlar, metne uyumlu bir şekilde uyacak şekilde piksel cinsinden ayarlanabilen görüntünün genişliği ve yüksekliğidir. popo: (<) img src=”ссылка на место, где лежит картинка” heigh=12 px width=6px(>). Yuvarlak kollar< и >Hadi ortalığı toparlayalım.

Alfabeyi bağımsız olarak çizme yeteneğiniz yoksa, Google'da (Yazı Tipleri bölümü) veya diğer arama motorlarında ve kaynaklarda halka açık olan ek yazı tipleri kullanılarak büyük bir harf tasarlanabilir. Bu amaçla kodun şu şekilde biçimlendirilmesi gerekir:

(<) style(>)

p (yazı tipi ailesi: batangche; yazı tipi boyutu:%93;)

p: ilk harf (yazı tipi ailesi: Kelly+Slab; yazı tipi boyutu:%220; renk: mavi;)

(<)/style(>)

(<)link href="http://fonts.googleapis.com/css?family=Kelly+Slab&subset=latin,cyrillic" rel="stylesheet" type="text/css" (>).

Google hizmeti, birini veya diğerini seçmenize olanak tanır ve HTML veya CSS'ye eklenmek üzere hazır mesajlar sağlar. Yazı tipi grubunu (Latince veya Kiril) seçmenin gerekli olduğunu biliyoruz, çünkü... Rusça metni biçimlendirirken tüm Latin yazı tiplerinin çalışmaması mümkündür. Şu anda, arama sistemi ücretsiz olarak yaklaşık 40 tür sunmaktadır.

Büyük edebiyat veya onun büyük antipodu, CSS metin dönüşümünün ek gücüyle tasarlanabilir. Stil sayfasında text transform: none değerini ayarlarsanız, metin yazdığınız gibi görünecektir. Tüm harfleri küçük harfe çevirmek için, metin dönüştürme değerini ayarlamanız gerekir: küçük harf çift kutudan ve büyük harf için - büyük harf. Metin dönüşümünün değerini ayarlama: Dış görünüm sözcüğünün koçanındaki harf büyük olacak şekilde büyük harf kullanın.

Büyük harf (metnin içine büyük harf gömülüdür) – bir paragrafın boyutu daha büyük, diğerlerinden daha alçak olan ve üst kısmı paragrafın ilk satırına eşit olacak şekilde yerleştirilen ilk harfi. Resimde metne gömülü ilk harfin ucunu görebilirsiniz.

Konuşmadan önce, WordPress'in otomatik olarak gömülü metin oluşturmanıza (ve aşağı doğru yer değiştirme) olanak tanıyan özel bir eklentisi (wordpress.org/extend/plugins/drop-caps) vardır. büyük harfler. Mucize! Bununla birlikte, eklentiyi vikorize etmek istemiyorsanız (bunu yapmak istemediğinizden eminim) ve yine de bir dizi gönderi için ve belki de hangi şarkının bulunduğu yerde bir büyük harf oluşturmanız gerekiyorsa ?

İyi haber: Harika yazılar oluşturmak için bir eklenti oluşturmanıza gerek yok, ihtiyacınız olan tek şey sadece küçük bir css ve bir span etiketi. Css dosyanızı açın ve aşağıdaki kodu ekleyin:

Span.dropcaps ( font-family:Georgia, serif; color: #ccc; font-size: 46px; float: left; font-weight: 400; line-height: 1em; kenar boşluğu-alt: -0,4em; kenar boşluğu-sağ : 0,09em;

Sanırım öyle. Elbette tasarımınıza ve metninize uygun bir stile ihtiyacınız var. Örneğin kontrollerin değerleri: yazı tipi boyutu, kenar boşlukları ve satır yüksekliği tasarımınıza ve metninize göre ayarlanmalıdır.

Etiket Aralığı

Stilin metnin ana harfiyle tutarlı olması için span etiketindeki baş harfi “ışıklandırmak” ve alt sınıfı kaydetmek gerekir.

A

Sözde öğe:ilk harf

Ayrıca ek bir sözde öğe olan ilk harf kullanarak metindeki ilk karakterin stilini de ayarlayabilirsiniz. Bununla birlikte, sözde eleman: ilk harften önce, bir dizi güç arasında ayrım yapmak mümkündür: bu güçler yazı tipi, renk, arka plan, kenar boşlukları, kenar boşlukları ve girintilerle ilişkilidir. Unutulmaması gereken bir diğer nokta da sözde element:first-letter'in eski tarayıcılarda mevcut olmamasıdır.

P:ilk harf (yazı tipi ailesi:Georgia, serif; renk: #ccc; yazı tipi boyutu: 46px; kayan nokta: sol; yazı tipi ağırlığı: 400; satır yüksekliği: 1em; kenar boşluğu: -0,4em; kenar boşluğu -sağ: 0,09em;

Eksen, güç, birkaç düzenleme yöntemi büyük yazarlar Daha fazla CSS yardımı için.

Öğenin metninin büyük veya büyük sembollere dönüştürülmesine özen gösterilir. Değer hiçbiri olarak ayarlanmamışsa, çıktı metninin kaydı değiştirilecektir.

kısa bilgi

Randevu

Önem

büyük harfle yazmak Nehirdeki deri kelimesinin ilk sembolü harika olacaktır. Diğer sembollerin görünümleri değişmeyecektir. küçük harf Metindeki tüm karakterler küçülür (küçük harf). büyük harf Metindeki tüm karakterler büyür (büyük harf). none Karakterin büyük/küçük harf durumunu değiştirmez.

Kum havuzu

Winnie-the-Pooh biraz serinlemekten çekinmez, özellikle de on birinci sabah civarında, çünkü bu saatte atıştırmalıklar çoktan kurumuştu ve yemek başlamayı bile düşünmemişti. Ve tabii ki Tavşan'ın fincanları ve tabakları aldığını fark ettiğimde çok mutlu oldum.

div (metin dönüşümü: büyük harfe çevirme;)

popo

Serednyovych'in kültürel anıtı

Amazon ovalarında orantısız derecede az miktarda bağırsak ve köpek bulunur ve Hajos Bahia, kırmızı şaraplarıyla ünlüdür.

Bu alın okumalarının sonucu Şekil 1'de gösterilmektedir. 1.

Pirinç. 1. Metin dönüşümü

Nesne modeli

Nesne.style.textTransform

Şartname

Cilt spesifikasyonu inflamasyonun çeşitli aşamalarından geçer.

• Öneri - Spesifikasyon W3C tarafından övülmektedir ve standart olarak tavsiye edilmektedir.
• Aday Tavsiyesi ( Olası öneri) - standarda uyan grup hedeflerine ulaştığından memnundur ancak standardın uygulanmasında yer alan uzmanlardan ek yardıma ihtiyaç duyar.
• Önerilen Öneri Öneri yapıldı) - bu aşamada belge, kalan onay için W3C Danışma Komitesi tarafından incelenmek üzere sunulur.
• Çalışma Taslağı - tartışıldıktan ve bütünlüğü sağlamak için değişiklikler yapıldıktan sonra taslağın daha olgun bir versiyonu.
• Editörün taslağı ( Editörün Chernetka'sı) – projenin editörleri tarafından değişiklikler yapıldıktan sonra standardın siyah versiyonu.
• Taslak ( Chernivets'in özellikleri) – standardın ilk siyah versiyonu.