X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как лучше делать?
Degradator
Degradator
Topic Starter сообщение 5.5.2014, 15:06; Ответить: Degradator
Сообщение #1


<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]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
Topic Starter сообщение 5.5.2014, 15:08; Ответить: Degradator
Сообщение #2


и откуда взялся палец вверх "хорошо"???
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
Topic Starter сообщение 26.5.2014, 18:50; Ответить: Degradator
Сообщение #3


Ни у кого нет своих идей?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Eleutheria787
Eleutheria787
сообщение 26.5.2014, 21:23; Ответить: Eleutheria787
Сообщение #4


(Degradator @ 5.5.2014, 18:06) *
<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
Degradator
Topic Starter сообщение 27.5.2014, 18:21; Ответить: 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
klenovnn
сообщение 27.5.2014, 20:33; Ответить: klenovnn
Сообщение #6


Удобно less использовать в работе, тогда вообще можно все по полочкам держать и конфиг свой сделать.

[attachment=40338:Снимок экрана 2014-05-27.png]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Eleutheria787
Eleutheria787
сообщение 27.5.2014, 22:48; Ответить: Eleutheria787
Сообщение #7


(Degradator @ 27.5.2014, 21:21) *
[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
klenovnn
сообщение 28.5.2014, 9:16; Ответить: klenovnn
Сообщение #8


(Eleutheria787 @ 28.5.2014, 01:48) *
Это удобнее тем, что можно применить в любой тэг, а не строго к p или div


Когда верстаешь очень крупный проект и у тебя далеко за 5000 строк кода, нужно очень внимательно в таким тэгам относится, так как названия часто повторяются.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Eleutheria787
Eleutheria787
сообщение 29.5.2014, 0:39; Ответить: Eleutheria787
Сообщение #9


(klenovnn @ 28.5.2014, 12:16) *
Когда верстаешь очень крупный проект и у тебя далеко за 5000 строк кода, нужно очень внимательно в таким тэгам относится, так как названия часто повторяются.


Сколько верстаю проблем не было, называть надо просто нормально, соответственно.
Самое распространенное через id.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
Topic Starter сообщение 29.5.2014, 12:17; Ответить: Degradator
Сообщение #10


(klenovnn @ 27.5.2014, 23:33) *
Удобно less использовать в работе

Да удобно, но не на каждом проекте он есть.
(klenovnn @ 28.5.2014, 12:16) *
Когда верстаешь очень крупный проект

Собственно начал работать с большими сайтами и строгими требованиями к ним, устал переделывать свою работу - стал думать что делаю не так, прихожу к выводу что надо делать какие-то обезличенные маленькие селекторы, чтобы получалось грубо говоря что-то такое -
<div class="col-lg-3 col-md-4 col-sm5 col-xs-6 f12 dark"></div>
Просто реально иногда думаю, что это как - <font size=12 weight=bold></font>. Хотя суть, по факту, совершенно разная
(Eleutheria787 @ 29.5.2014, 03:39) *
Самое распространенное через id.

Стараюсь как можно меньше использовать id потому что постоянно проблемы с переопределением стилей.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
11 Boymaster 1773 17.4.2024, 23:35
автор: Boymaster
Открытая тема (нет новых ответов) Боты могут делать пушподписки на моём сайте?
0 Megaspryt 381 17.4.2024, 23:29
автор: Megaspryt
Горячая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
29 freeax 4795 17.4.2024, 1:19
автор: sergio11
Открытая тема (нет новых ответов) Создать видеоканал лучше в ютуб или телеграм?
16 uahomka 3069 11.4.2024, 20:10
автор: Alexand3r
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
148 adw-kupon.ru 19701 8.4.2024, 10:37
автор: Skyworker


 



RSS Текстовая версия Сейчас: 19.4.2024, 0:03
Дизайн