Давайте поговорим о свойствах, которые отвечают за внешний вид текста: выравнивание текста, подчеркивание, отступы. Одно из самых использованных свойств текста, это его выравнивание. В css есть свойство, которое отвечает за выравнивание текста. Давайте в каскадной таблице стилей создадим совершенно новый стиль и назовем его text. За выравнивание текста отвечает свойство text-align, и оно может принимать четыре значения: слева (по умолчанию), справа, по центру, по обоим краям.
.text{
text-align:right;
}Далее сохраняем таблицу стилей, открываем нашу страницу, и прописываем
какому-нибудь абзацу, выравнивание по правому краю:
<p class=”text”>работа с текстом в css</p>. Вот таким образом работает это свойство. Если нам необходимо выровнять текст по центру, то мы прописываем соответственно center вместо right.
Следующее свойство, которое я хочу с Вами рассмотреть, это отступы, или другими словами, красная строка. Для этого мы должны прописать новое свойство, отвечающее за красную строку. Пишется оно следующим образом: text-indent:30px. 30px, соответственно, значение красной строки. Также значение красной строки мы можем задавать не только в пикселях, но и в сантиметрах, и в em. Если с сантиметрами все понятно, то давайте рассмотрим, что же такое em. Это ширина буквы m. Например: text-indent:4em;. Это значит, что отступ будет равен четырем буквам m (для данного шрифта).
Следующее свойство, которое я хочу рассмотреть – это зачеркивание текста. Применяется зачеркивание текста, например, при указании цен, если идет акция, и необходимо указать другую цену. И для этого нам необходимо рассмотреть тег <span>. Для чего он нужен. Например, нам необходимо зачеркнуть одно из слов в определенном абзаце. Соответственно для этого нам нужен специальный тег, которому мы пропишем класс, зачеркивающий текст. Давайте создадим этот новый стиль, который будет зачеркивать текст. Прописываем в таблице стилей следующее:
.cherta{
text-decoration:line-through;
}Далее в исходном коде находим нужное слово и пишем следующее:
<span class=”cherta“>Текст который необходимо зачеркнуть</span>. Сам по себе он ничего не меняет, и служит для придания стиля.
Давайте рассмотрим следующее свойство, которое позволяет делать над абзацами некие трансформации. Допустим, нам необходимо сделать так, чтобы каждое слово определенного абзаца начиналось с большой буквы. Например, создадим новый стиль:
.tr{
text-transform:capitalize;
}Далее придадим данный класс необходимому абзацу:
<p class=”tr”>Каждое Слово С Большой Буквы</p>. Если мы хотим, чтобы все буквы были заглавными, тогда нам необходимо прописать вместо capitalize, uppercase. Если мы хотим, все буквы сделать маленькими, прописываем lowercase.
На странице между словами одинаковый отступ. Допустим, мы хотим сделать этот отступ в каком-нибудь абзаце больше. Делается это с помощью свойства word-spacing:10px. В пикселях указывается, какой будет отступ.
Если нам нужно изменить расстояние между буквами: letter-spacing:4px;.
И напоследок, давайте рассмотрим, как менять расстояние между строками. Для этого необходимо использовать такое свойство: line-height:10px;.
Поможем создать сайт быстро и качественно.
Бесплатная консультация по телефону:
Комментарии
Have a look at my weeb site :: https://baccaratup.com/: https://baccaratup.com/%EC%8B%A0%EC%84%A0%ED%95%9C-%EA%B2%BD%ED%97%98%EA%B3%BC-%ED%8E%B8%EC%95%88%ED%95%A8%EC%9D%84-%EC%95%88%EA%B2%A8%EC%A3%BC%EB%8A%94-%EC%8A%A4%EC%9B%A8%EB%94%94%EC%8B%9C-%EB%A7%88%EC%82%AC%EC%A7%80/
be updated with the hottest news update posted here.
Here is my blog post :: jus murah: https://juisable.id/
post is simply great and i can assume you are an expert on this subject.
Fine with your permission allow me to grab your RSS feed to
keep up to date with forthcoming post. Thanks
a million and please carry on the enjoyable work.
Feel free to visit my webpage :: Roman: http://Fullgluest.ickyriddledyn.amictrA
slots.
Take a look at my webpage 카지노사이트순위: http://Qb-365.com/%EC%97%90%EB%B3%BC%EB%A3%A8%EC%85%98%EC%B9%B4%EC%A7%80%EB%85%B8-vip-%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8-%EB%8F%85%EC%A0%90%EC%A0%81%EC%9D%B8-%ED%98%9C%ED%83%9D%EA%B3%BC-%ED%8A%B9%EC%A0%84/
great information you have here on this post. I'll be returning to your blog for more soon.
Feel free to visit my page ... 惠灵顿牛排: https://kcapa.net/bbs/board.php?bo_table=free&wr_id=1417450
least.
Review my web-site NBA betting: http://www.nashi-progulki.ru/bitrix/rk.php?goto=https://towngamble.com/%ED%86%A0%ED%86%A0%EC%82%AC%EC%9D%B4%ED%8A%B8%EC%97%90%EC%84%9C-%EC%95%88%EC%A0%84%ED%95%98%EA%B2%8C-%EB%B0%B0%ED%8C%85%ED%95%98%EC%84%B8%EC%9A%94/
other states, with two notable exceptions, each concerning college
sports.
my web blog :: 토토사이트 순위: https://Blog.Develoeper.com/elf-2003/
best jili slot online іn the Philippines
free Spins 3000+ Free Demo Slot
openning Bonus 200% piso
searching hawkgamingvip οn Google or Bing tо ցet free coins
Hawk gaming: https://hawkgamingvip.com/