Создание сайтов, поисковое продвижение, разработка веб-приложений.
+7 (917) 43-73-926
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;.

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

Комментарии  

#4201 Almeda 18.06.2024 09:16
5 Killer Quora Answers To Shopping Online Uk Clothes shopping Online Uk clothes: https://dataweb.flmsb.net/do/trkln.php?index=1024084673AZD&id=wiyswiipsptooseyp&url=aHR0cDovL3dlYmFwcGlwaG9uZS5jb20vd2ViY2xpcHMvd2ViY2xpcC5waHA/bmFtZT1mcmVlc21zJnVybD1odHRwJTNhJTJmJTJmdmltZW8uY29tJTJGOTMyMjg3MTcwJmltZz1odHRwJTNhJTJmJTJmc3RhbmRhcmRpc3RhLmNvbSUyZnZlbG9jaXR5JTJmaW1hZ2VzJTJmYmxhY2tiZXJyeS5wbmcmeD0yNDkmeT01NQ
#4202 Antoinette 18.06.2024 09:20
The 10 Most Terrifying Things About Truck Accident Lawyer
For Hire Truck Accident lawsuit: https://daemin.org:443/bbs/board.php?bo_table=free&wr_id=39905
#4203 Misty 18.06.2024 10:13
PG Gaming - bеst slot online in the Philippines
bеtter than jili slot and pp slot
free Spins 3000+ Free Demo Slot

searching pggaming.ߋrg ᧐n Google оr Bing to get
free coins for play

pg gaming: https://pggaming.org
#4204 Brandy 18.06.2024 10:34
10 Things We Are Hateful About Land Rover Key Fob Replacement Land rover emergency key: https://www.centrodentalmendoza.com/question/the-most-valuable-advice-you-can-ever-receive-on-land-rover-key/
#4205 Tabitha 18.06.2024 11:44
The Reasons To Focus On Improving Truck Injury Lawyer truck
accidents - Https://Www.carnrich.com/: https://www.carnrich.com/free/123709,
#4206 Sonia 18.06.2024 11:46
15 Things You've Never Known About Ghost 2 Immobiliser Cost ghost immobiliser problems
(Kinglish.com: http://kinglish.com/bbs/board.php?bo_table=review&wr_id=325712)
#4207 Kimber 18.06.2024 12:13
10 Top Mobile Apps For Bmw Car Key Replacement bmw Replacement Key: https://pirisystem.com/piriwiki/index.php/Th%C3%A0nh_vi%C3%AAn:ToniSimonds9
#4208 Boyd 18.06.2024 12:15
Introduction: Zap Guardian Zapper: https://mentors.co.kr/main/bbs/board.php?bo_table=free&wr_id=421847 is an innovative and efficient pest control device
designed to eliminate insects and bugs effectively.
#4209 Royal 18.06.2024 13:18
See What Can I Buy From A Uk Website Tricks The Celebs
Are Utilizing Can I Buy From A Uk Website; 98.Torayche.Com : https://98.torayche.com/index/d1?diff=0&utm_source=og&utm_campaign=20924&utm_content=&utm_clickid=gqo0g4c84g8gc048&aurl=http%3A%2F%2Fscanstroy.ru%2Fphpinfo.php%3Fa%5B%5D%3DDowinx%2BGaming%2BChair%3B%2B%3Ca%2Bhref%3Dhttps%3A%2F%2Fvimeo.com%2F932563465%3Evimeo.com%3C%2Fa%3E%2C%3Cmeta%2Bhttp-equiv%3Drefresh%2Bcontent%3D0%3Burl%3Dhttps%3A%2F%2Fvimeo.com%2F932348401%2B%2F%3E&an=&utm_term=&site=&pushMode=popup,
#4210 Jody 18.06.2024 13:43
You'll Never Guess This What Is The Best Online Shopping
In Uk's Secrets What Is The
Best Online Shopping In Uk: http://www.votecataratas.com/onlineshoppinguksites357277
#4211 Tesha 18.06.2024 14:32
5 Killer Quora Answers To Rolls Royce Key For Sale Rolls royce Key for sale: http://www.idsys.kr/bbs/board.php?bo_table=free&wr_id=39324
#4212 Elizbeth 18.06.2024 14:54
In today's fast-paced world, maintaining
optimal cognitive function is crucial to cope with the demands of daily life.
Thankfully, advancements in neuroscience have shed light on the importance of
nutrition in brain health.

Also visit my website - Cognicare Ingredients: http://www.lindemh.co.kr/bbs/board.php?bo_table=free&wr_id=31132
#4213 Gennie 18.06.2024 15:25
5 Laws Everybody In Saab 93 Key Programming Should Know saab 9-3 Key (www.Edu-kingdom.com: https://www.edu-kingdom.com/home.php?mod=space&uid=3535863&do=profile)
#4214 Anita 18.06.2024 16:06
Locksmith For Auto Keys: It's Not As Difficult
As You Think autolocksmith
near me: https://www.baezip.com/bbs/board.php?bo_table=free&wr_id=111819
#4215 Noah 18.06.2024 16:17
5 Killer Quora Answers To Popular Casino Slots popular Casino slots: https://hikvisiondb.webcam/wiki/Five_Things_You_Dont_Know_About_New_Slots_Online
#4216 Oren 18.06.2024 17:37
What's The Current Job Market For Online Sites For Shopping In Uk Professionals Like?

Online Sites for shopping
in uk: http://zanelesilvia.woodw.orthwww.gnu-darwin.org/www001/src/ports/www/b2evolution/work/b2evolution/blogs/install/phpinfo.php?a%5B%5D=%3Ca+href%3Dhttp%3A%2F%2Fbbs.ts3sv.com%2Fhome.php%3Fmod%3Dspace%26uid%3D549029%26do%3Dprofile%3Euk+online+Grocery+shopping+sites%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Fcse.google.com.vn%2Furl%3Fq%3Dhttp%253A%252F%252Fvimeo.com%252F931778403+%2F%3E
#4217 Florida 18.06.2024 18:38
The 10 Most Terrifying Things About GSA SER Tutorial gsa Ser tutorial: http://comphy.kr/bbs/board.php?bo_table=free&wr_id=119828
#4218 Debora 18.06.2024 18:39
The No. 1 Question Everyone Working In Land Rover Key Replacement
Needs To Know How To Answer land rover discovery replacement key fob: https://www.goodspeedcomputer.com/question/9-lessons-your-parents-taught-you-about-land-rover-discovery-3-key-fob-replacement/
#4219 Adrienne 18.06.2024 19:03
10 Things Competitors Lean You On Affordable SEO Services Near
Me affordable seo Services Uk: https://oldchicken.kr/bbs/board.php?bo_table=sub0202&wr_id=1053015
#4220 Sherrill 18.06.2024 19:29
You'll Be Unable To Guess Amazon Online Grocery Shopping Uk's Tricks
amazon online grocery shopping uk: http://www..O.rcu.Pineoxs.a.pro.w***/phpinfo/?a%5B%5D=%3Ca+href%3Dhttp%3A%2F%2FKepenk%2520Trsfcdhf.Hfhjf.Hdasgsdfhdshshfsh%40Forum.Annecy-Outdoor.com%2Fsuivi_forum%2F%3Fa%255B%255D%3D%253Ca%2Bhref%253Dhttps%253A%252F%252Fvimeo.com%252F931768291%253ECanidae%2BMulti-Stage%2BFormula%253C%252Fa%253E%253Cmeta%2Bhttp-equiv%253Drefresh%2Bcontent%253D0%253Burl%253Dhttps%253A%252F%252Fvimeo.com%252F931767963%2B%252F%253E%3EAmazon+online+Shopping+clothes+uk%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttp%3A%2F%2Fhildred.ibbott%40wellho.net%2Ftest.php%3Fa%255B%255D%3D%253Ca%2Bhref%253Dhttps%253A%252F%252Fvimeo.com%252F931929068%253E9X12%2BLeather%2BArea%2BRug%253C%252Fa%253E%253Cmeta%2Bhttp-equiv%253Drefresh%2Bcontent%253D0%253Burl%253Dhttps%253A%252F%252Fvimeo.com%252F931777377%2B%252F%253E+%2F%3E
#4221 Alice 18.06.2024 23:11
20 Things You Should Know About How Many Cases Are There In CSGO cs2 cases: http://xn--z69alf6to9om3nxd56zctqdh4a.com/bbs/board.php?bo_table=free&wr_id=269759
#4222 Candice 18.06.2024 23:27
15 Funny People Who Are Secretly Working In Patio Door
Repair Service Near Me patio door repair company - Rob: http://fridayad.in/user/profile/2526320,
#4223 Shelli 18.06.2024 23:29
What Makes The Slot Strategies So Effective?
During COVID-19 Slot Strategy: http://forum.ressourcerie.fr/index.php?qa=user&qa_1=damagejohn27
#4224 Gena 18.06.2024 23:38
See What Double Glazed Windows Near Me Tricks The Celebs Are Using double glazed windows near me,
Www.gstd.Net: https://www.gstd.net/bbs/board.php?bo_table=free&wr_id=1546225,
#4225 Lois 18.06.2024 23:44
You'll Never Guess This Online Shopping Uk Sites's Tricks online shopping uk
Sites: http://211.45.131.204/?a%5B%5D=%3Ca+href%3Dhttps%3A%2F%2Fvimeo.com%2F932312500%3EVimeo%3C%2Fa%3E%3Cmeta+http-equiv%3Drefresh+content%3D0%3Burl%3Dhttps%3A%2F%2Fvimeo.com%2F932286455+%2F%3E
#4226 Thurman 18.06.2024 23:56
This Is The Advanced Guide To Slot Themes Newest slots (www.Scdmtj.Com: https://www.scdmtj.com/home.php?mod=space&uid=1165893)
#4227 Kindra 18.06.2024 23:56
10 Beautiful Graphics About Erb's Palsy Attorneys Erb's Palsy
lawyers: http://legendawiw.ru/forum/index.php?action=profile;u=71809
#4228 Tilly 19.06.2024 00:02
You'll Never Be Able To Figure Out This Upvc Window Repairs Near Me's Tricks upvc window repairs near
me: http://www.taodemo.com/home.php?mod=space&uid=371335&do=profile
#4229 Stephen 19.06.2024 00:42
The 3 Biggest Disasters In Birth Injury Litigation History birth Injury law
Firm: http://lnklab.co.kr/bbs/board.php?bo_table=free&wr_id=183549
#4230 Adrian 19.06.2024 00:52
You'll Be Unable To Guess Treadmill Home's Secrets Treadmill
Home: http://51.75.30.82/index.php/User:MelvinDorsey395

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

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

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

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

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

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

 

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