Помощник
|
Как лучше делать? |
Degradator
|
Сообщение
#1
|
||
|
|
||
|
|||
Degradator
|
Сообщение
#2
|
|
и откуда взялся палец вверх "хорошо"???
|
|
|
Degradator
|
Сообщение
#3
|
|
Ни у кого нет своих идей?
|
|
|
Eleutheria787 |
26.5.2014, 21:23;
Ответить: Eleutheria787
Сообщение
#4
|
|
<div class="myTitle">Title</div> <p class="myText">Lorem ipsum dolorum</p> [CSS]div.myTitle{ text-transform: uppercase; font-size: 20px; font-weight: bold; } p.myText{ font-size: 16px; color: darkgray; }[/CSS] или вот так <div class="f20 upper bold">Title</div> <p class="f16 dark">lorem ipsum dolorum</p> [CSS].f20{ font-size: 20px; line-height: 26px; letter-spacing: 0.02em; } .f16{ font-size: 16px; line-height: 20px; letter-spacing: 0.015em; } .upper{ text-transform: uppercase; } .bold{ font-weight: bold; } .dark{ color: darkgray; } [/CSS] Лучше задавать классы через точку и не привязывать их заранее к конкретному диву. Тогда Вы можете их указать только там, где Вам надо. Т.е. это второй вариант. Мне кажется так код лучше выглядит <html> <style type="text/css"> .f20UpperBold{ font-size: 20px; line-height: 26px; letter-spacing: 0.02em; text-transform: uppercase; font-weight: bold; } .f16Ddark{ color: darkgray; font-size: 16px; line-height: 20px; letter-spacing: 0.015em; } </style> <body> <div class="f20UpperBold">Title</div> <p class="f16Ddark">lorem ipsum dolorum</p> </body> </html> Конечно имена классов можно указать любые |
|
|
Degradator
|
Сообщение
#5
|
|
[CSS].f20UpperBold{
font-size: 20px; line-height: 26px; letter-spacing: 0.02em; text-transform: uppercase; font-weight: bold; } .f16Ddark{ color: darkgray; font-size: 16px; line-height: 20px; letter-spacing: 0.015em; }[/CSS] Это ничем не отличается от первого варианта |
|
|
klenovnn |
27.5.2014, 20:33;
Ответить: klenovnn
Сообщение
#6
|
|
Удобно less использовать в работе, тогда вообще можно все по полочкам держать и конфиг свой сделать.
[attachment=40338:Снимок экрана 2014-05-27.png] |
|
|
Eleutheria787 |
27.5.2014, 22:48;
Ответить: Eleutheria787
Сообщение
#7
|
|
[CSS].f20UpperBold{ font-size: 20px; line-height: 26px; letter-spacing: 0.02em; text-transform: uppercase; font-weight: bold; } .f16Ddark{ color: darkgray; font-size: 16px; line-height: 20px; letter-spacing: 0.015em; }[/CSS] Это ничем не отличается от первого варианта Это удобнее тем, что можно применить в любой тэг, а не строго к p или div |
|
|
klenovnn |
28.5.2014, 9:16;
Ответить: klenovnn
Сообщение
#8
|
|
|
|
|
Eleutheria787 |
29.5.2014, 0:39;
Ответить: Eleutheria787
Сообщение
#9
|
|
Когда верстаешь очень крупный проект и у тебя далеко за 5000 строк кода, нужно очень внимательно в таким тэгам относится, так как названия часто повторяются. Сколько верстаю проблем не было, называть надо просто нормально, соответственно. Самое распространенное через id. |
|
|
Degradator
|
Сообщение
#10
|
|
|
Удобно less использовать в работе Да удобно, но не на каждом проекте он есть. Когда верстаешь очень крупный проект Собственно начал работать с большими сайтами и строгими требованиями к ним, устал переделывать свою работу - стал думать что делаю не так, прихожу к выводу что надо делать какие-то обезличенные маленькие селекторы, чтобы получалось грубо говоря что-то такое - <div class="col-lg-3 col-md-4 col-sm5 col-xs-6 f12 dark"></div> Просто реально иногда думаю, что это как - <font size=12 weight=bold></font>. Хотя суть, по факту, совершенно разная Самое распространенное через id. Стараюсь как можно меньше использовать id потому что постоянно проблемы с переопределением стилей.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Создать видеоканал лучше в ютуб или телеграм? | 17 | uahomka | 3099 | Сегодня, 11:58 автор: Omaxis |
|
Арбитражники, как ведете учет расходов и доходов? | 11 | Boymaster | 1801 | 17.4.2024, 23:35 автор: Boymaster |
|
Боты могут делать пушподписки на моём сайте? | 0 | Megaspryt | 433 | 17.4.2024, 23:29 автор: Megaspryt |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4810 | 17.4.2024, 1:19 автор: sergio11 |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19707 | 8.4.2024, 10:37 автор: Skyworker |
Текстовая версия | Сейчас: 19.4.2024, 12:13 |