Форум Сайтостроение Веб-строительство

Стили прописать к тексту, но так чтобы без переноса строки, как?

P
На сайте с 06.01.2009
Offline
601
postavkin
1295

Ребят, сорри, за нубский вопрос.

Как сделать, чтобы в странице имеющей такой код


<div class="harakteristik">
<ul>
<li>Цена: 500 руб/м2;</li>
<li>Размеры: 50*50 см;</li>
<li>Кол-во цветов: 7;</li>
</ul>
</div>

слово "цена" выделялось например синим, а слово "размеры" - жирным.

Просто не понимаю, как это оформить через style.css чтобы без переноса строк обойтись.

Прошу помочь.

ps если что у меня в файле стилей такое прописано


.harakteristik  {font-size: 12px;}
.harakteristik LI { padding: 2px 0 0 7px; }
.harakteristik UL { list-style: none; padding: 2px 0 6px 5px; }

ps2

Я так понимаю <span style="настройки">цена:</span> не лучший вариант, т.к. этот код в странице категорий и он проставлен у всех моделей, по 12 моделей на странице, значит он будет повторяться много раз.

M8
На сайте с 09.09.2010
Offline
58
mdrive84
#1

Попробуйте так:

span[class="cena"] {

color: #0000ff;

}

span[class="razmer"] {

font-weight: bold;

}

<div class="harakteristik">

<ul>

<li><span class="cena"> Цена</span>: 500 руб/м2;</li>

<li><span class="razmer">Размеры:</span> 50*50 см;</li>

<li>Кол-во цветов: 7;</li>

</ul>

</div>

Ragnarok
На сайте с 25.06.2010
Offline
239
Ragnarok
#2 

<div class="harakteristik">
<ul>
<li><span class="blue">Цена:</span> 500 руб/м2;</li>
<li><span class="bold">Размеры:</span> 50*50 см;</li>
<li>Кол-во цветов: 7;</li>
</ul>
</div>


.blue{
color:blue;
}
.bold{
font-weight:bold;
}


---------- Добавлено 24.01.2012 в 18:52 ----------

postavkin:

ps2
Я так понимаю <span style="настройки">цена:</span> не лучший вариант, т.к. этот код в странице категорий и он проставлен у всех моделей, по 12 моделей на странице, значит он будет повторяться много раз.

почти, только для <span> задаётся класс

//TODO: перестать откладывать на потом
P
На сайте с 06.01.2009
Offline
601
postavkin
#3

mdrive84, Ragnarok - спасибо. Какой вариант применить лучше для минимизации кода Ваш или Ваш? :)

Ragnarok
На сайте с 25.06.2010
Offline
239
Ragnarok
#4

ни разу не видел в css конструкции вида span[class="cena"], но если работает, разницы нет

P
На сайте с 06.01.2009
Offline
601
postavkin
#5

Rangarok, я правильно делаю?

В файл стилей сделал так


.harakteristik {font-size: 12px;}
.harakteristik LI { padding: 2px 0 0 7px; }
.harakteristik UL { list-style: none; padding: 2px 0 6px 5px; }
.bold{
font-weight:bold;
}
Ragnarok
На сайте с 25.06.2010
Offline
239
Ragnarok
#6

да, можно даже в одну строку

.bold {font-weight:bold;}

и взять Размеры в span с этим классом:

<span class="bold">Размеры:</span>

P
На сайте с 06.01.2009
Offline
601
postavkin
#7

Спасибо большое!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий