Консультация № 136749
14.05.2008, 06:25
0.00 руб.
0 1 1
Здравствуйте, у меня опять вопрос по css. Есть страница, приведенная в приложении. В ней я попытался использовать стиль под названием sreda для всего текста. Но стиль не применяется. Можно конечно отдельно для каждого параграфа поставить class="sreda", но как это лучше сделать?
И еще вопрос: какие параметры еще можно указывать в файле *.css помимо color, font-size, font-family, letter-spacing применительно к тексту и таблицам?
Вот текст самого файла css:
body {margin-left:1cm; margin-right:3cm; margin-top:1cm; border-top-width:1cm;border-right-width:1cm;border-left-width:1cm}
p {background-color:#FFFFAA; background: url("pic/cittext.gif"); font-size:15pt;font-family: cursive; letter-spacing: 20 pt}
p.warn {color: red; font-size: 15pt}
p.sreda {color: green}

Приложение:
<html><head><title>По среде обитания</title><link rel="stylesheet" href="my.css" type="text/css"></head><body background="pic/cittext.gif"><p class="sred"><p align="left">По среде обитания:</p><ul> <li> <p align="left" style="line-height: 150%">сетевые (распространяются по компьютерным сетям)</li> <li> <p align="left" style="line-height: 150%">файловые (внедряются в исполняемые файлы)</li> <li> <p align="left" style="line-height: 150%">загрузочные (внедряются в сектор, содержащий системный загрузчик)</li> <li> <p align="left" style="line-height: 150%">файлово-загрузочные</li></ul></p></body></html>

Обсуждение

Неизвестный
14.05.2008, 09:19
общий
это ответ
Здравствуйте, Blackie!

По поводу неработающего стиля:
1. Не забывайте закрывать директивы стилей знаком "точка с запятой" (в пяти местах не хватает).
2. В одном месте (letter-spacing) единицы измерения (pt) написаны через пробел от значения величины - это недопустимо в CSS.
3. Нельзя вкладывать тэги P друг в друга, т.к. это тэги абзаца. Чтобы выделить область, используйте DIV.
4. Если используете конструкцию background: url(...), не ставьте путь в кавычки, некоторые браузеры этого не любят.
Подредактированный код в приложении.

По поводу дополнительных параметров - рекомендую скачать какой-нибудь оффлайн-справочник, т.к. существует очень много различных стилевых параметров. Я сам пользуюсь таким справочником (ссылка в приложении). Параметры разбиты по группам (свойства текста, свойства границ и т.д.), очень удобно.

Приложение:
Код страниц:my.html:<html><head><title>По среде обитания</title><link rel="STYLESHEET" href="my.css" type="text/css"></head><body background="pic/cittext.gif"><div class="sreda"><p align="left">По среде обитания:</p><ul> <li> <p align="left" style="line-height: 150%">сетевые (распространяются по компьютерным сетям)</li> <li> <p align="left" style="line-height: 150%">файловые (внедряются в исполняемые файлы)</li> <li> <p align="left" style="line-height: 150%">загрузочные (внедряются в сектор, содержащий системный загрузчик)</li> <li> <p align="left" style="line-height: 150%">файлово-загрузочные</li></ul></div></body></html>--------------------------------------my.css:body { margin-left:1cm; margin-right:3cm; margin-top:1cm; border-top-width:1cm; border-right-width:1cm; border-left-width:1cm;}p { background-color:#FFFFAA; background: url(pic/cittext.gif); font-size:15pt; font-family: cursive; letter-spacing: 20pt;}p.warn { color: red; font-size: 15pt;}div.sreda { color: green;}-----------------------------------------Справочник:http://www.spravkaweb.ru/download.php?user=help_css
Форма ответа