Создание сайтов, поисковое продвижение, разработка веб-приложений.
+7 (987) 254-02-67
Email: feedback@goinweb.ru
ул. Новоженова 90/1, офис 419

Давайте поговорим о свойствах, которые отвечают за внешний вид текста: выравнивание текста, подчеркивание, отступы. Одно из самых использованных свойств текста, это его выравнивание. В 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 (для данного шрифта).

css-code2

Следующее свойство, которое я хочу рассмотреть – это зачеркивание текста. Применяется зачеркивание текста, например, при указании цен, если идет акция, и необходимо указать другую цену. И для этого нам необходимо рассмотреть тег <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;.

Поможем создать сайт быстро и качественно.

Комментарии  

#1 sad 20.04.2018 07:14
온카지노www.88nat.c om 온카지노주소|타이샨카지노|온 카지노사이트|온카지노도메인| 온 카지노|온카지노먹튀|온카지노카톡|카지노사이트|카지노추천|온라인카지노
9년 간 유일하게 변함없는 온카지노http://www.88nat.com

온카지노는 최고의 신뢰로 여러분들을 성심껏 모시겠습니다.

온카지노 http://www.88nat.com

온 카지노 http://www.88qnt.com

On Casino http://www.99uts.com

타이샨카지노 http://www.99kmt.com

온카지노주소 http://www.88tut.com

온카지노 추천 http://www.88nat.com

온카지노사이트 http://www.88qnt.com

온카지노주소 http://www.cnn94.com

온카지노먹튀 http://www.99kmt.com

모바일카지노 http://www.88tut.com







오케이카지노 http://www.efm84.com

오케이카지노 http://www.cnn94.com

OK카지노 http://www.efm84.com

오케이카지노주소 http://www.efm84.com

오케이카지노먹튀 http://www.efm84.com

온카지노 http://www.88tut.com 온카지노주소
온카지노 http://www.88nat.com 카지노사이트
온카지노 http://www.88qnt.com 온카지노사이트
온카지노 http://www.99ktm.com 온카지노도메인
온카지노 http://www.99uts.com On Casino
온카지노 http://www.88tut.com 타이샨게임
온카지노 http://www.99uts.com 온카지노
온카지노 http://www.99ktm.com 온라인카지노
온카지노 http://www.88nat.com On Casino
온카지노 http://www.88qnt.com 온카지노먹튀
온카지노 http://www.99uts.com 슈퍼카지노
온카지노 http://www.99kmt.com 더킹카지노
온카지노 http://www.88tut.com 타이샨카지노
온카지노 http://www.88nat.com 온카지노카톡
빅카지노 http://www.btk55.com vic카지노
vic카지노 http://www.btk55.com 빅카지노
오케이카지노 http://www.efm84.com OK카지노
OK카지노 http://www.efm84.com 오케이카지노
먹튀제보 http://www.mtpark.net 먹튀검증
먹튀검증 http://www.mtpark.net 먹튀제보

Добавить комментарий

Защитный код
Обновить

Бесплатная консультация

Вам нужен сайт, но вы не знаете с чего начать? Оставьте ваши имя и телефон, мы перезвоним и бесплатно проконсультируем Вас.

Бесплатная консультация по телефону:

+7 987 2540267
Ежедневно c 10:00ч до 20:00ч.

 

Услуги | Портфолио | Блог | РБ
Перепечатка информации с сайта www.goinweb.ru, возможна только с указанием активной гиперссылки.
Веб-студия «GOINWEB»: Разработка, продвижение, обслуживание и поддержка веб-сайтов. E-mail:feedback@goinweb.ru
Яндекс.Метрика