Ну с html я познакомился!
Теперь что это такое! и чем эта css полезна?:gigi:
1. Messer - 07 Февраля, 2004 - 06:08:55 - перейти к сообщению
2. TvoyWeb - 07 Февраля, 2004 - 08:36:30 - перейти к сообщению
Messer, CSS - Каскадные таблицы стилей.
Я не силен в красивой терминологии. Вот выдержка из одного документа описывающего CSS
Хотя я лично с эти не в полне согласен. Я бы сказал так:
Таблицы стилей используются для управления способом форматирования HTML элементов.
Так как нельзя считать например элемент формы текстом. А именно с помощью CSS мы можем изменить привычный безликий вид HTML формы до неузнаваемости. Для сведения форма - это то что Вы все видите при отправке сообщений на этом форуме (например), при заполнении каких либо анкет и т.д. и т. п. .
Например при помощи CSS можно для текстового поля "textarea" в форме, задать фон в виде изображения, чего не сделаешь простым HTML.
Еще один пример. В HTML для указания размера шрифта используется атрибут "size" тега "FONT". Атрибут "size" при этом может принимать значения от -1 до 7. То есть указание относительных размеров шрифта. Если к примеру не уазать этот атрибут, то шрифт будет выведен размером установленным в браузере по умолчанию.
CSS позволяет задавать размер шрифта в процентах, пикселях (px) и пунктах (pt), что очень удобно.
Вообще CSS это мощный инструмент форматирования HTML элементов в умелых руках. Единственный минус - не все браузеры одинаково воспринимают то или иное форматирование при помощи CSS.
Думаю я объяснил, что такое CSS и с каким сливочным маслом его едят.
Я не силен в красивой терминологии. Вот выдержка из одного документа описывающего CSS
Цитата:
Таблицы стилей используются для управления способом форматирования текста.
Хотя я лично с эти не в полне согласен. Я бы сказал так:
Таблицы стилей используются для управления способом форматирования HTML элементов.
Так как нельзя считать например элемент формы текстом. А именно с помощью CSS мы можем изменить привычный безликий вид HTML формы до неузнаваемости. Для сведения форма - это то что Вы все видите при отправке сообщений на этом форуме (например), при заполнении каких либо анкет и т.д. и т. п. .
Например при помощи CSS можно для текстового поля "textarea" в форме, задать фон в виде изображения, чего не сделаешь простым HTML.
Еще один пример. В HTML для указания размера шрифта используется атрибут "size" тега "FONT". Атрибут "size" при этом может принимать значения от -1 до 7. То есть указание относительных размеров шрифта. Если к примеру не уазать этот атрибут, то шрифт будет выведен размером установленным в браузере по умолчанию.
CSS позволяет задавать размер шрифта в процентах, пикселях (px) и пунктах (pt), что очень удобно.
Вообще CSS это мощный инструмент форматирования HTML элементов в умелых руках. Единственный минус - не все браузеры одинаково воспринимают то или иное форматирование при помощи CSS.
Думаю я объяснил, что такое CSS и с каким сливочным маслом его едят.
3. Messer - 14 Февраля, 2004 - 03:19:26 - перейти к сообщению
А что например с помощью этого можно сделать на главной странице?
4. TvoyWeb - 14 Февраля, 2004 - 03:57:45 - перейти к сообщению
Сделать можно многое! Во первых это просто удобно!
Например прописав один раз стиль вывода текста заключенного в тег "Р", нам не придется каждый раз на странице форматировать текст, заключенный в этот тег.
Браузер будет выводить этот текст стилем указанным в CSS для этого тега.
Вот самый простой пример.
Например прописав один раз стиль вывода текста заключенного в тег "Р", нам не придется каждый раз на странице форматировать текст, заключенный в этот тег.
Браузер будет выводить этот текст стилем указанным в CSS для этого тега.
Вот самый простой пример.
CODE:
<html>
<head>
<title>Стили для ссылок</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
<!--
A.type1:link {color:#FFDD00; text-decoration:none;}
A.type1:visited {color:#FFDD00; text-decoration:none;}
A.type1:active {color:#FFDD00; text-decoration:none;}
A.type1:hover {color:#00FF80; text-decoration:underline;}
A.type2:link {color:#FF0000; text-decoration:underline;}
A.type2:visited {color:#FF0000; text-decoration:underline;}
A.type2:active {color:#FF0000; text-decoration:underline;}
A.type2:hover {color:#ABCDEF; text-decoration:underline;}
A.type3:link {color:#00CCFF; text-decoration:none;}
A.type3:visited {color:#00CCFF; text-decoration:none;}
A.type3:active {color:#00CCFF; text-decoration:none;}
A.type3:hover {color:#FF8000; text-decoration:overline underline;}
//-->
</style>
</head>
<body>
<a class="type1" href="#">Кликните здесь</a><BR><BR>
<a class="type2" href="#">Кликните здесь</a><BR><BR>
<a class="type3" href="#">Кликните здесь</a>
</body>
</html>
<head>
<title>Стили для ссылок</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
<!--
A.type1:link {color:#FFDD00; text-decoration:none;}
A.type1:visited {color:#FFDD00; text-decoration:none;}
A.type1:active {color:#FFDD00; text-decoration:none;}
A.type1:hover {color:#00FF80; text-decoration:underline;}
A.type2:link {color:#FF0000; text-decoration:underline;}
A.type2:visited {color:#FF0000; text-decoration:underline;}
A.type2:active {color:#FF0000; text-decoration:underline;}
A.type2:hover {color:#ABCDEF; text-decoration:underline;}
A.type3:link {color:#00CCFF; text-decoration:none;}
A.type3:visited {color:#00CCFF; text-decoration:none;}
A.type3:active {color:#00CCFF; text-decoration:none;}
A.type3:hover {color:#FF8000; text-decoration:overline underline;}
//-->
</style>
</head>
<body>
<a class="type1" href="#">Кликните здесь</a><BR><BR>
<a class="type2" href="#">Кликните здесь</a><BR><BR>
<a class="type3" href="#">Кликните здесь</a>
</body>
</html>
5. сандро - 14 Февраля, 2004 - 08:42:26 - перейти к сообщению
На самом деле надо привыкнуть к нему. Привел бы более глубокие примеры, а какое у него расширение css?
6. ETC - 14 Февраля, 2004 - 09:09:12 - перейти к сообщению
сандро
Может не понять... В смысле расширение? У файла? css конечно...
Может не понять... В смысле расширение? У файла? css конечно...
7. сандро - 14 Февраля, 2004 - 09:36:05 - перейти к сообщению
Понял, я что такое CSS поковырявшись в настройках скинов форума на локалке. По сути отчасти он может замениь графику. Жалко что нет CSS редакторов для графики, как еапример в том же dreamviewer-е менять цвта таблиц. Конечно можно так же посмотреть код цвета и вставить его в текст. Чем я сейчас и занимаюсь, но откровеено говря геомройное это дело. И всетаки в нем нет таких тэгов как в HTML. Поэтому как минимум нужно иметь книжку по нему.
8. ETC - 14 Февраля, 2004 - 09:59:42 - перейти к сообщению
сандро
Да по любому языку стоит иметь книжку. А CSS не так уж и сложен, тем более в Dreamweaver MX есть хороший редактор CSS. Вот гляди:
вот что откроется:
Да по любому языку стоит иметь книжку. А CSS не так уж и сложен, тем более в Dreamweaver MX есть хороший редактор CSS. Вот гляди:
вот что откроется:
9. Messer - 14 Февраля, 2004 - 10:01:48 - перейти к сообщению
А в каких программах этим лучше всего занятся?
10. ETC - 14 Февраля, 2004 - 10:10:18 - перейти к сообщению
Messer
Это вопрос или предложение? Жалко, что отредактировать не могу... самая лучшая, на мой взгляд, Top Style 3 Pro. Есть у меня на сайте. Правда она сложновата. Факт, но я ей не пользуюсь, только в исключительных случаях, когда какие-то свойства нельзя отредактировать с помощью Dreamweaver...
Это вопрос или предложение? Жалко, что отредактировать не могу... самая лучшая, на мой взгляд, Top Style 3 Pro. Есть у меня на сайте. Правда она сложновата. Факт, но я ей не пользуюсь, только в исключительных случаях, когда какие-то свойства нельзя отредактировать с помощью Dreamweaver...