Как да направите главни в CSS?

CSS позволява гъвкаво персонализиране на текста, което се представя от езика HMTL. Днес ще разгледаме действието на свойството "текст-трансформация", което дава възможност за промяна на шрифтовия регистър. Тази опция се поддържа от всички съвременни браузъри и е включена в спецификацията на всички версии на CSS.

уговорена среща

Характеристиката "text-transform" може да отнеме три основни стойности и две допълнителни стойности. Например, можете да зададете главен текст за всички избрани текстове. Или можете да дадете команда за обратното на предишната собственост, където всички знаци стават малки букви. Можете да направите среща с помощта на удобен за вас метод. Използвайте например вградени стилове. Или можете да създадете Отделен файл, описващ всички свойства. Как да използвате начина на задаване, зависи от вас. "Text-transform" може да приеме следните стойности:

• Главни букви. Изключва всички избрани символи. В CSS, главни букви са често срещани, тъй като тази стойност помага за решаването на много сложни задачи, свързани с текста.
• Малки букви. Тази собственост е напълно противоположна на главната команда.
• Възползвайте се. Променя случая на първата буква до горната. Останалите символи няма да се променят.
• Няма. Позволява ви да отмените всички зададени стойности (необходими за предварително задаване на собственост). Обикновено тази стойност е зададена по подразбиране.
• Да наследиш. Наследява всички свойства на родителския елемент. Трябва да се отбележи, че IE не поддържа тази собственост.

приложение

С помощта на CSS горният случай (или подобни ефекти) се настройва с помощта на една проста команда. Следователно, няма нужда да променяте или пренаписвате целия текст. Ако това е сайт с една страница, то тази характеристика може да не е полезна. Но когато има огромен портал под вашия контрол, където трябва да коригирате случая на букви в определени фрагменти, тогава "текст-трансформира" става единственият ефективен инструмент. Например, трябва да коригирате шрифта в заглавните етикети "h2". За да направите това, добавете запис: "h2 {text-transform: uppercase}", след което всички заглавки на второто ниво ще имат главни букви.

Удобства

Някои може да смятат, че ръчната обработка на текст и промяната на шрифта с помощта на "text-transform" собственост не правят никаква разлика. Но това не е така. Ако промените ръчно малки букви до главни (главни), след това, когато копирате тази информация от сайта си, знаците ще останат непроменени. Ако използвате езика CSS, всичко става различно. Устройството "text-transform" само визуално за потребителите променя шрифта. Но в действителност символите остават непроменени. Това се случва при всички стойности на това свойство. Копираната информация (текст) ще има първоначален регистър, който се използва в изходния код на страницата. Това е единствената разлика между ръчната обработка и използването на CSS команди.

Няма значение кой искате да използвате - с малки или главни букви, най-важното е, не забравяйте дестинацията. Например, ако имате нужда от промени само с декоративна цел, можете безопасно да приложите свойството "text-transform". Е, ако знаете, че потребителите вероятно ще копират информацията, която сте качили, най-добре е ръчно да смените случая за целия текст. В края на краищата понякога читателите не забелязват такова заместване на шрифта. Това е особено важно, когато става дума за важни документи и такава информация.