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

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

Комментарии  

#201 Kathryn 25.03.2024 10:38
Hi tto every single one, it's really a nice foor me to
ppay a qquick visit this web site, it consists of priceless Information.

my homepage :: praca
w szwajcarii sprzątanie hoteli: https://medium.com/@sebastian7/praca-i-%C5%BCycie-w-szwajcarii-72d8166026b6
#202 Nichol 25.03.2024 10:40
Hey there! I just wanred to ask if you ever have any
iwsues with hackers? My last blog (wordpress) wass hacked and I ended
up losing several weeks of hard work duue to no data backup.

Do you have any methods to prrotect against hackers?


Here iis my web blog :: opiekunka austria - https://medium.com/@sebastian7/praca-przy-zbiorach-winogron-najlepsze-porady-8cc11bd31b26: https://medium.com/@sebastian7/praca-przy-zbiorach-winogron-najlepsze-porady-8cc11bd31b26,
#203 Benedict 25.03.2024 11:45
Simply desire to say your article iss as astonishing.
The clearness in your publish is simply nice andd that i can think you are knowledgeable in this subject.

Fine with your permission let me to snatch your
RSS feed to stay updated with approaching post. Thanks a million and please carry on thhe gratifying work.


Here is my blog; oferty pracy dla opiekunekk w niemczech [https://telegr a.ph/Praca-jako -Operatora-Kopa rki---Perspekty wy-Zawodowe-02- 14: https://telegra.ph/Praca-jako-Operatora-Koparki---Perspektywy-Zawodowe-02-14]
#204 Joie 25.03.2024 14:08
I’m not that much of a online reader to be honest butt your sites really nice, kee it up!
I'll go ahead and bookmark your website to come back down the road.
Cheers

Feel free to surf to my blog post :: ogrodnik niemcy: https://justpaste.it/eyf7p
#205 Cristina 25.03.2024 14:18
If some one wishes to bee updated with latest technologies then he mjst bbe visit thos web site
and be up to date every day.

Feel ree to surf to my webpage: anglian forum: https://medium.com/@denopergae/praca-w-szklarni-za-granic%C4%85-34124409fd09
#206 Danielle 25.03.2024 15:37
What's up to every body, it's my first visit of this web site;
thhis webpage includes amazing and really good material for
visitors.

my blog - praca od zaraz
łódĹş: https://edytablog.mystrikingly.com/blog/jak-dobrze-i-tanio-uprac-ubrania
#207 Rusty 25.03.2024 17:23
Hi to all, the contents present at this web page are genuinely awesome
for people knowledge, well, keep up the good work fellows.


my site ... Praca Niemcy Od Zaraz Bez ZnajomośCi JęZyka (Friendly-Kanga roo-Hchb7P.Myst rikingly.Com: https://friendly-kangaroo-hchb7p.mystrikingly.com/blog/jak-to-zrobic-naprawa-roweru-samemu)
#208 Marianne 25.03.2024 17:26
This is very interesting, You're an overly professional blogger.

I've joined your feed and look forward to looking for more of
your magnificent post. Also, I've shared your website in my social networks

my webpage - praca w niemczech
produkcja: https://telegra.ph/Praca-jako-Operatora-Koparki---Perspektywy-Zawodowe-02-14
#209 Josefina 25.03.2024 17:35
When some one searches for his vital thing, therefore he/she
wishes to be available that in detail, so that thing is maintained
over here. dark websites: https://mydarkmarket.com https://mydarkmarket.com
#210 Marquita 25.03.2024 23:22
Highly energetic post, I enjoyed that a lot. Will there
be a part 2? dark market onion: https://mydarkmarket.com https://mydarkmarket.com
#211 Domenic 26.03.2024 04:27
Hi! I could have sworn I've visited this ebsite before butt after
browssing through a feww of the posts I realized it's new to me.
Regardless, I'm dedinitely happpy I stumbled upon it
and I'll be bookmarking it and checking back often!

My weeb site dam prace z własnym busem (telegra.ph: https://telegra.ph/Pracy-Le%C5%9Bniczego-i-Jego-Rola-w-Ochronie-%C5%9Arodowiska-02-21)
#212 Jere 26.03.2024 07:21
This site was... how do I say it? Relevant!! Finally I've found
something that helped me. Thanks a lot! Dark Market Link: https://mydarkmarket.com https://mydarkmarket.com
#213 Maxine 26.03.2024 09:00
My brother suggested I would possibly like this website.
He used to be totally right. This submit actually made my day.
You cann't consider simply how a lot time I had spent for this info!
Thanks!

My website - https://recipes.mshafiq.ca/3d-printer-see-what-your-design-seems-similar-to/: https://recipes.mshafiq.ca/3d-printer-see-what-your-design-seems-similar-to/
#214 Jean 26.03.2024 11:20
Informative article, totally what I needed.


Also visit myy pge darmoweogloszen ia: https://medium.com/@sebastian7/podej%C5%9Bcia-do-walki-z-zmianami-klimatycznymi-58fcc380373b
#215 Travis 26.03.2024 17:48
Hello there, I found your site by thhe use of Google while looking for a related subject, your site came up, it looks great.
I've bookmarked it in my google bookmarks.
Hello there, simply turned into alert to your weblog via Google,
annd found that it is reaslly informative. I'm going too
be carteful for brussels. I wll appreciate when you proceed this in future.
A lot of people shall be benefited out of your writing.
Cheers!

Look into my web-site ... praca przy koniach szwajcaria
(iridescent-cla m-hvsjlm.mystri kingly.com: https://iridescent-clam-hvsjlm.mystrikingly.com/blog/jak-dostosowac-sie-do-dynamicznie-zmieniajacego-sie-swiata-pracy)
#216 Margareta 27.03.2024 02:05
Howdy! This is kind of offf topic but I need some guidance from an established blog.
Is it hard to set up your own blog? I'm not very techincal but I can figure things out
pretty quick. I'm thinking about setting up my own but I'm not sure where
to begin. Do you have any tips or suggestions? Thanks

My website; praca tilburg sprzątanie: http://tinyurl.com/4bhudewn
#217 Marianne 27.03.2024 02:15
Have you ever thought about writing an e-book or guest authoring on other sites?
I have a blog based on the same topics you discuss and would really like
to have you share some stories/informa tion. I know my audience
would enjoy your work. If you're even remotely interested,
feel free to shoot mee an e mail.

Reviiew mmy web-site; praca zbrojarz finlandia: https://telegra.ph/Praca-na-zmywaku-za-granic%C4%85---Gdzie-szuka%C4%87-pracy-02-29
#218 Gita 27.03.2024 03:47
Hi, of course this post is actually fastidious and I have learned llot of
things from itt abvout blogging. thanks.

Here is my site; dam pracę
gumtree: https://Medium.com/@sebastian7/jak-przygotowa%C4%87-ogr%C3%B3d-do-sezonu-letniego-b16bece6b4cb
#219 Ronda 27.03.2024 05:55
It's awesome in support of me to have a website, which is
helpful for my experience. thanks admin

Also visit my web-site: Rybak Niemcy: https://medium.com/@denopergae/praca-na-statku-w-norwegii-co-i-jak-113bddb1d6cf
#220 Alicia 27.03.2024 14:20
There's definately a lot to learn about this topic.
I really like all the pooints you made.

Here is my page hotelowy pomocnik: https://medium.com/@sebastian7/czy-warto-pracowa%C4%87-jako-tapicer-e431c2b2b6f5
#221 Melody 27.03.2024 16:04
I'm not sure where you're getting your info, but great topic.
I needs to spen some time learning more or understanding more.
Thanks for great info I was looking for this info for my mission.

Stop by my webpage :: oferty pracy
maków mazowiecki ogłoszenia: https://justpaste.it/3yynz/pdf
#222 Pilar 28.03.2024 01:12
Great blog here! Also your web site loads up fast! What host are
you using? Can I get your affiliate link to your host?
I wish my website loaded up as quickly as yours lol

Here is my website - praca ochrona Za granicą: https://medium.com/@sebastian7/jak-przygotowa%C4%87-ogr%C3%B3d-do-sezonu-letniego-b16bece6b4cb
#223 Maria 28.03.2024 02:56
Wow, this piece of wriging is pleasant, my sister is analyzing these kinds
off things, thetefore I am going to inform her.

Visit my website zbropjarz austria (http://tinyurl.com/mrx63mjc: http://tinyurl.com/mrx63mjc)
#224 Joni 28.03.2024 03:35
Excellent, what a web site it is! This blog provides useful information too us, keep it up.


Allso visit my sitre dam pracę 1/2 etatu skawina.pl: https://justpaste.it/enfai/pdf
#225 Ivey 28.03.2024 07:16
Hello, i think that i saw you visited my web sige thus i cake to “return the favor”.I am attempting to find things to improve my
site!I suppose its ok to use a few of youyr ideas!!



Here is my blog: Kierowca Ce Islandia: https://iridescent-clam-hvsjlm.mystrikingly.com/blog/kierowanie-ruchem-na-strone-karier
#226 Deangelo 28.03.2024 16:18
Hello, this weekend is pleassant for me, as this time i amm reading thiis wonderful informative post here at my home.


My webpage praca w wielkiej brytanii 2022 tapicer: https://medium.com/@denopergae/praca-jako-rze%C5%BAnik-ofert-pracy-za-granic%C4%85-38940a5fe210
#227 Elizbeth 28.03.2024 16:41
Hello there! This is my first visit to yourr blog! We are a collection of volunteers and starting
a new initiative in a community in the same niche. Your blog
provided us beneficial information to work on. You have done a
wonderful job!

Also visit my website; praca sezonowa szwajcaria: https://medium.com/@sebastian7/praca-jako-barman-czy-warto-c3efff7cf553
#228 Evie 28.03.2024 17:47
Hi it's me, I am also visiting this site on a reguilar basis, this web site is genuinely fastidious and the people are
truly sharingg pleasant thoughts.

my web page: 카지노사이트: https://www.casinogari.com/bbs/board.php?bo_table=casinofraudreport
#229 Collin 28.03.2024 19:20
Howdʏ this is kinda of off topic but I was wօndering
if blogs use WYSIWYG editors or if you have to manually coԀe
with HTML. I'm starting a bloɡ ѕoon but have no coding experience
sߋ I wаnted to get guidance from someone witһ exρerience.

Any help wοuld be greatly appreciated!

Stop by my web-site :: MyPrivatеProxy coupons: http://153.126.169.73/question2answer/index.php?qa=user&qa_1=helmetlizard4

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

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

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

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

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

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

 

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