Что такое CSS
Обычный HTML позволяет задавать цвет и размер текста с помощью тегов форматирования. Если понадобится изменить параметры однотипных элементов на сайте, придется просматривать все страницы, чтобы найти и поменять теги.
Каскадные таблицы стилей (Cascading Style Sheets, CSS) позволяют хранить цвет, размеры текста и другие параметры в стилях. Стилем называется набор правил форматирования, который применяется к элементу документа, чтобы быстро изменить его внешний вид.
Стили позволяют одним действием применить сразу всю группу атрибутов форматирования. С их помощью можно, например, изменить вид всех заголовков. Вместо форматирования заголовка в три приема, когда сначала задается его размер, затем шрифт "Arial" и, наконец, выравнивание по центру, то же самое можно сделать одновременно, применив стиль к тегу <H1>. Если требуется быстро изменить внешний вид текста, созданного с помощью одного из стилей, достаточно изменить параметры стиля во всех документах, где он используется, и вид текста поменяется автоматически.
Другое преимущество CSS состоит в том, что стили предлагают намного больше возможностей для форматирования, нежели простой HTML. Кроме того, стили могут храниться во внешнем файле, браузер кэширует такие документы, поэтому загрузка сайта будет происходить чуть быстрее.
CSS представляют собой мощную систему для разработчиков сайтов, расширяя их возможности по дизайну и верстке веб-страниц. В научной среде, откуда пошла родом технология WWW, люди были больше заняты содержанием документов, чем их оформлением, однако для большинства людей представление сайта, то, как он выглядит, играет более важную роль. Ограничения HTML породили множество техник создания веб-страниц, таких как:
- использование различных расширений HTML;
- применение изображений вместо текста;
- использование рисунков для контроля пустого пространства, так называемые распорки;
- использование таблиц для верстки веб-страниц;
- написание программных скриптов вместо использования HTML.
Эти техники значительно увеличивают сложность разработки веб-страниц, предлагают ограниченную гибкость в их создании и управлении, а также создают трудности для людей ими не владеющих.
Стили решают эти проблемы, в то же время заменяя лишь ограниченную область механизмов представления HTML.
| Статья опубликована: 13.09.2005 | Последнее обновление: 23.12.2007 |
Прежде, чем писать комментарий к статье, примите во внимание следующие моменты.
- Не задавайте вопросы в комментариях, для этой цели предназначен форум, где вы получите нужную помощь.
- Удаляются любые комментарии, которые:
- включают множество ошибок;
- написаны безграмотно;
- не имеют отношения к данной статье;
- не содержат никакой полезной информации для посетителей.
- Для выделения отдельных слов используйте следующие команды: [b]жирный[/b], [i]курсив[/i], [color=цвет]цветной текст[/color], [tag]тег[/tag], [var]параметр[/var], [code]пример[/code].
- Потренироваться в написании комментариев вы можете в песочнице.
Комментарии к статье
Саша из Посада
30.05.2006
абыр
29.06.2006
В?рстка с помощью таблиц куда проще, нежели в?рстка с помощью цсс.
Кроссбраузерность хромает при использовании цсс.
Это только два пунктика. Можно больше.
Поэтому вот так. Хотя, я смотрю, как развивается цсс и думаю, что будущее за цсс. Вс? больше мастеров уходят в дебри цсс и делают шедевры. Забугорные мастера, конечно. Я не против цсс, я за. Пойду куплю себе книжку по цсс.
Влад, а вы книжки прода?те? Не очень удобно читать с экрана. Люблю книги.
K(from R)
05.07.2006
Влад Мержевич
17.07.2006
Птица
11.10.2006
для людей, ими не владеюЩИХ
А так - все супер!
Только после таких статей все время думаешь... кто бы взял бы да написал бы книжку типа "Создание сайта с нуля - по всем возможным технологиям".
Потому что связать воедино все, что предлагается к созданию сайта, новичку жуть как трудно. Даже пытливому
dmitry
14.10.2006
Ks
04.12.2006
Влад Мержевич
06.12.2006
Александр
22.03.2007
хтмеелу надо подумать об этом
Влад Мержевич
23.03.2007
Ты на CSS ругаешься, потому что не понимаешь его. Практикуйся и все получится.
Oleg
09.09.2007
Paul
09.10.2007
Александр,
CSS это во-первых расширение возможностей HTML, подвергнутое пересмотру. Там пересмотрен и унифицирован формат строки.
Во-вторых, дальше наращивать возможности форматирования решили через CSS. Через HTML нельзя сделать что-то типа <td style='border:solid 1px black'>. Вернее, можно но для этого нужно делать имитацию в виде "матр?шки" из таблиц.
В-третьих, CSS можно указать один раз. Представьте себе, как разраст?тся размер документа, содержащего <td style='border:solid 1px black'>, если таблица имеет 1000 записей. Можно сделать пейджинг, но вс? равно возрастает траффик, что немаловажно, если пользователь сидит в Инете через модем. Чтобы такого не было можно один раз указать
<style>
td {border:solid 1px black}
</style>
И ещ? есть много других нюансов.
sailor
28.02.2008
чилавег
21.07.2008
абыр: Самая мутная статья <- а ты почитай статьи лучше по квартовой физике, там не так мутно)))
абыр: В?рстка с помощью таблиц куда проще, нежели в?рстка с помощью цсс <- а кто запрещает таблицами верстать? ты можешь создавать сайт как на основе дивов, так и на основе таблиц или ещ? как-то, как тебе удобно, CSS это не язык разметки как гипертекста или чего-то ещ?, как html и он не заменяет html, а просто дополняет его возможности по описанию стилей к html-дескрипторам (или как тут называют все тэги). css код можно описывать как в самом html-документе, так и в отдельном файле. И второй фактор как раз тот, который призван облегчить жизнь веб-мастерам, т.к. один css документ ты можешь прицепить к любому кол-ву документов html и тебе не нужно будет каждый раз описывать одно и тоже, например что абзац имеет такой-то цвет, размер шрифта, начертание и т.д.. соответственно и кода в html-документах будет меньше, и сайт будет более быстрый. если ты не понимаешь такихвещей, даже то в ч?м его приемущества, то лучше сразу забрасывай это дело, веб-дизай и т.п...)
абыр: Кроссбраузерность хромает при использовании цсс. <- не больше чем и без использования css, так как каждый обозреватель интерпретирует по своему код страницы и даже сайт просто на html без каких-то языков веб-программирования, веб-разветки будет обображаться по разному везде.
абыр: Хотя, я смотрю, как развивается цсс и думаю, что будущее за цсс <- нет, будущее за XML )))
Птица: Только после таких статей все время думаешь... кто бы взял бы да написал бы книжку типа "Создание сайта с нуля - по всем возможным технологиям". <- а ненадо изучать все технологии, которые существуют, выбери только то что тебе нужно и что действительно пригодятся для создания сайтов. определи круг задач, будешь ты делать небольшие какие-то сайты типа личных веб-страниц или крупные проэкты, форумы и т.д. определи цели,а уже потом выбирай что ты будешь ддля этого использовать, достаточно например знать php и html (или лучше xml) и можно создавать такое что ах)
dmitry: О да, это таГ))) за это его и любят))
Александр: да воовще цсс - это гадость, придумали такую хрень, что за чем она нужна, все можно было бы сделать и в хтмееле, зачем этот цсс, только лишний гемор, это получается, что, то что мы делаем в хтмееле, выходит тоже самое делаем в цсс, а за чем нипонятно, когда все можно и в хтмееле. <- в html ты созда?шь просто струкруру сайта, его разметку, где что будет находится, в css же ты уже описываешь то как это будет выглядеть, ты в н?м описываешь внешний вид дескриптороров (тэгов) html. и не смешивай вс? в кашу, html для разметки, css для визуализации разметки.
Александр: хтмеелу надо подумать об этом. <- да в w3c уже давно вс? продумали, там тоже не лохи сидят, таг шо вникайся, а не бурчи)
Paul: Я за CSS, только жаль, что его поддерживают не все браузеры, а из поддерживающих не все срабатывают одинаково. <- уже дааавно все поддерживают))) а одинаково не все срабатывают, об этом я говорил выше)))
sailor: ага)))
чилавег
21.07.2008
абыр: Самая мутная статья <- а ты почитай статьи лучше по квартовой физике, там не так мутно)))
абыр: В?рстка с помощью таблиц куда проще, нежели в?рстка с помощью цсс <- а кто запрещает таблицами верстать? ты можешь создавать сайт как на основе дивов, так и на основе таблиц или ещ? как-то, как тебе удобно, CSS это не язык разметки как гипертекста или чего-то ещ?, как html и он не заменяет html, а просто дополняет его возможности по описанию стилей к html-дескрипторам (или как тут называют все тэги). css код можно описывать как в самом html-документе, так и в отдельном файле. И второй фактор как раз тот, который призван облегчить жизнь веб-мастерам, т.к. один css документ ты можешь прицепить к любому кол-ву документов html и тебе не нужно будет каждый раз описывать одно и тоже, например что абзац имеет такой-то цвет, размер шрифта, начертание и т.д.. соответственно и кода в html-документах будет меньше, и сайт будет более быстрый. если ты не понимаешь такихвещей, даже то в ч?м его приемущества, то лучше сразу забрасывай это дело, веб-дизай и т.п...)
абыр: Кроссбраузерность хромает при использовании цсс. <- не больше чем и без использования css, так как каждый обозреватель интерпретирует по своему код страницы и даже сайт просто на html без каких-то языков веб-программирования, веб-разветки будет обображаться по разному везде.
абыр: Хотя, я смотрю, как развивается цсс и думаю, что будущее за цсс <- нет, будущее за XML )))
Птица: Только после таких статей все время думаешь... кто бы взял бы да написал бы книжку типа "Создание сайта с нуля - по всем возможным технологиям". <- а ненадо изучать все технологии, которые существуют, выбери только то что тебе нужно и что действительно пригодятся для создания сайтов. определи круг задач, будешь ты делать небольшие какие-то сайты типа личных веб-страниц или крупные проэкты, форумы и т.д. определи цели,а уже потом выбирай что ты будешь ддля этого использовать, достаточно например знать php и html (или лучше xml) и можно создавать такое что ах)
dmitry: О да, это таГ))) за это его и любят))
Александр: да воовще цсс - это гадость, придумали такую хрень, что за чем она нужна, все можно было бы сделать и в хтмееле, зачем этот цсс, только лишний гемор, это получается, что, то что мы делаем в хтмееле, выходит тоже самое делаем в цсс, а за чем нипонятно, когда все можно и в хтмееле. <- в html ты созда?шь просто струкруру сайта, его разметку, где что будет находится, в css же ты уже описываешь то как это будет выглядеть, ты в н?м описываешь внешний вид дескриптороров (тэгов) html. и не смешивай вс? в кашу, html для разметки, css для визуализации разметки.
Александр: хтмеелу надо подумать об этом. <- да в w3c уже давно вс? продумали, там тоже не лохи сидят, таг шо вникайся, а не бурчи)
Paul: Я за CSS, только жаль, что его поддерживают не все браузеры, а из поддерживающих не все срабатывают одинаково. <- уже дааавно все поддерживают))) а одинаково не все срабатывают, об этом я говорил выше)))
sailor: ага)))
чилавег
21.07.2008
абыр: Самая мутная статья <- а ты почитай статьи лучше по квартовой физике, там не так мутно)))
абыр: В?рстка с помощью таблиц куда проще, нежели в?рстка с помощью цсс <- а кто запрещает таблицами верстать? ты можешь создавать сайт как на основе дивов, так и на основе таблиц или ещ? как-то, как тебе удобно, CSS это не язык разметки как гипертекста или чего-то ещ?, как html и он не заменяет html, а просто дополняет его возможности по описанию стилей к html-дескрипторам (или как тут называют все тэги). css код можно описывать как в самом html-документе, так и в отдельном файле. И второй фактор как раз тот, который призван облегчить жизнь веб-мастерам, т.к. один css документ ты можешь прицепить к любому кол-ву документов html и тебе не нужно будет каждый раз описывать одно и тоже, например что абзац имеет такой-то цвет, размер шрифта, начертание и т.д.. соответственно и кода в html-документах будет меньше, и сайт будет более быстрый. если ты не понимаешь такихвещей, даже то в ч?м его приемущества, то лучше сразу забрасывай это дело, веб-дизай и т.п...)
абыр: Кроссбраузерность хромает при использовании цсс. <- не больше чем и без использования css, так как каждый обозреватель интерпретирует по своему код страницы и даже сайт просто на html без каких-то языков веб-программирования, веб-разветки будет обображаться по разному везде.
абыр: Хотя, я смотрю, как развивается цсс и думаю, что будущее за цсс <- нет, будущее за XML )))
Птица: Только после таких статей все время думаешь... кто бы взял бы да написал бы книжку типа "Создание сайта с нуля - по всем возможным технологиям". <- а ненадо изучать все технологии, которые существуют, выбери только то что тебе нужно и что действительно пригодятся для создания сайтов. определи круг задач, будешь ты делать небольшие какие-то сайты типа личных веб-страниц или крупные проэкты, форумы и т.д. определи цели,а уже потом выбирай что ты будешь ддля этого использовать, достаточно например знать php и html (или лучше xml) и можно создавать такое что ах)
dmitry: О да, это таГ))) за это его и любят))
Александр: да воовще цсс - это гадость, придумали такую хрень, что за чем она нужна, все можно было бы сделать и в хтмееле, зачем этот цсс, только лишний гемор, это получается, что, то что мы делаем в хтмееле, выходит тоже самое делаем в цсс, а за чем нипонятно, когда все можно и в хтмееле. <- в html ты созда?шь просто струкруру сайта, его разметку, где что будет находится, в css же ты уже описываешь то как это будет выглядеть, ты в н?м описываешь внешний вид дескриптороров (тэгов) html. и не смешивай вс? в кашу, html для разметки, css для визуализации разметки.
Александр: хтмеелу надо подумать об этом. <- да в w3c уже давно вс? продумали, там тоже не лохи сидят, таг шо вникайся, а не бурчи)
Paul: Я за CSS, только жаль, что его поддерживают не все браузеры, а из поддерживающих не все срабатывают одинаково. <- уже дааавно все поддерживают))) а одинаково не все срабатывают, об этом я говорил выше)))
sailor: ага)))
чилавег
21.07.2008
абыр: Самая мутная статья <- а ты почитай статьи лучше по квартовой физике, там не так мутно)))
абыр: В?рстка с помощью таблиц куда проще, нежели в?рстка с помощью цсс <- а кто запрещает таблицами верстать? ты можешь создавать сайт как на основе дивов, так и на основе таблиц или ещ? как-то, как тебе удобно, CSS это не язык разметки как гипертекста или чего-то ещ?, как html и он не заменяет html, а просто дополняет его возможности по описанию стилей к html-дескрипторам (или как тут называют все тэги). css код можно описывать как в самом html-документе, так и в отдельном файле. И второй фактор как раз тот, который призван облегчить жизнь веб-мастерам, т.к. один css документ ты можешь прицепить к любому кол-ву документов html и тебе не нужно будет каждый раз описывать одно и тоже, например что абзац имеет такой-то цвет, размер шрифта, начертание и т.д.. соответственно и кода в html-документах будет меньше, и сайт будет более быстрый. если ты не понимаешь такихвещей, даже то в ч?м его приемущества, то лучше сразу забрасывай это дело, веб-дизай и т.п...)
абыр: Кроссбраузерность хромает при использовании цсс. <- не больше чем и без использования css, так как каждый обозреватель интерпретирует по своему код страницы и даже сайт просто на html без каких-то языков веб-программирования, веб-разветки будет обображаться по разному везде.
абыр: Хотя, я смотрю, как развивается цсс и думаю, что будущее за цсс <- нет, будущее за XML )))
Птица: Только после таких статей все время думаешь... кто бы взял бы да написал бы книжку типа "Создание сайта с нуля - по всем возможным технологиям". <- а ненадо изучать все технологии, которые существуют, выбери только то что тебе нужно и что действительно пригодятся для создания сайтов. определи круг задач, будешь ты делать небольшие какие-то сайты типа личных веб-страниц или крупные проэкты, форумы и т.д. определи цели,а уже потом выбирай что ты будешь ддля этого использовать, достаточно например знать php и html (или лучше xml) и можно создавать такое что ах)
dmitry: О да, это таГ))) за это его и любят))
Александр: да воовще цсс - это гадость, придумали такую хрень, что за чем она нужна, все можно было бы сделать и в хтмееле, зачем этот цсс, только лишний гемор, это получается, что, то что мы делаем в хтмееле, выходит тоже самое делаем в цсс, а за чем нипонятно, когда все можно и в хтмееле. <- в html ты созда?шь просто струкруру сайта, его разметку, где что будет находится, в css же ты уже описываешь то как это будет выглядеть, ты в н?м описываешь внешний вид дескриптороров (тэгов) html. и не смешивай вс? в кашу, html для разметки, css для визуализации разметки.
Александр: хтмеелу надо подумать об этом. <- да в w3c уже давно вс? продумали, там тоже не лохи сидят, таг шо вникайся, а не бурчи)
Paul: Я за CSS, только жаль, что его поддерживают не все браузеры, а из поддерживающих не все срабатывают одинаково. <- уже дааавно все поддерживают))) а одинаково не все срабатывают, об этом я говорил выше)))
sailor: ага)))
чилавег
21.07.2008
абыр: Самая мутная статья <- а ты почитай статьи лучше по квартовой физике, там не так мутно)))
абыр: В?рстка с помощью таблиц куда проще, нежели в?рстка с помощью цсс <- а кто запрещает таблицами верстать? ты можешь создавать сайт как на основе дивов, так и на основе таблиц или ещ? как-то, как тебе удобно, CSS это не язык разметки как гипертекста или чего-то ещ?, как html и он не заменяет html, а просто дополняет его возможности по описанию стилей к html-дескрипторам (или как тут называют все тэги). css код можно описывать как в самом html-документе, так и в отдельном файле. И второй фактор как раз тот, который призван облегчить жизнь веб-мастерам, т.к. один css документ ты можешь прицепить к любому кол-ву документов html и тебе не нужно будет каждый раз описывать одно и тоже, например что абзац имеет такой-то цвет, размер шрифта, начертание и т.д.. соответственно и кода в html-документах будет меньше, и сайт будет более быстрый. если ты не понимаешь такихвещей, даже то в ч?м его приемущества, то лучше сразу забрасывай это дело, веб-дизай и т.п...)
абыр: Кроссбраузерность хромает при использовании цсс. <- не больше чем и без использования css, так как каждый обозреватель интерпретирует по своему код страницы и даже сайт просто на html без каких-то языков веб-программирования, веб-разветки будет обображаться по разному везде.
абыр: Хотя, я смотрю, как развивается цсс и думаю, что будущее за цсс <- нет, будущее за XML )))
Птица: Только после таких статей все время думаешь... кто бы взял бы да написал бы книжку типа "Создание сайта с нуля - по всем возможным технологиям". <- а ненадо изучать все технологии, которые существуют, выбери только то что тебе нужно и что действительно пригодятся для создания сайтов. определи круг задач, будешь ты делать небольшие какие-то сайты типа личных веб-страниц или крупные проэкты, форумы и т.д. определи цели,а уже потом выбирай что ты будешь ддля этого использовать, достаточно например знать php и html (или лучше xml) и можно создавать такое что ах)
dmitry: О да, это таГ))) за это его и любят))
Александр: да воовще цсс - это гадость, придумали такую хрень, что за чем она нужна, все можно было бы сделать и в хтмееле, зачем этот цсс, только лишний гемор, это получается, что, то что мы делаем в хтмееле, выходит тоже самое делаем в цсс, а за чем нипонятно, когда все можно и в хтмееле. <- в html ты созда?шь просто струкруру сайта, его разметку, где что будет находится, в css же ты уже описываешь то как это будет выглядеть, ты в н?м описываешь внешний вид дескриптороров (тэгов) html. и не смешивай вс? в кашу, html для разметки, css для визуализации разметки.
Александр: хтмеелу надо подумать об этом. <- да в w3c уже давно вс? продумали, там тоже не лохи сидят, таг шо вникайся, а не бурчи)
Paul: Я за CSS, только жаль, что его поддерживают не все браузеры, а из поддерживающих не все срабатывают одинаково. <- уже дааавно все поддерживают))) а одинаково не все срабатывают, об этом я говорил выше)))
sailor: ага)))
чилавег
21.07.2008
абыр: Самая мутная статья <- а ты почитай статьи лучше по квартовой физике, там не так мутно)))
абыр: В?рстка с помощью таблиц куда проще, нежели в?рстка с помощью цсс <- а кто запрещает таблицами верстать? ты можешь создавать сайт как на основе дивов, так и на основе таблиц или ещ? как-то, как тебе удобно, CSS это не язык разметки как гипертекста или чего-то ещ?, как html и он не заменяет html, а просто дополняет его возможности по описанию стилей к html-дескрипторам (или как тут называют все тэги). css код можно описывать как в самом html-документе, так и в отдельном файле. И второй фактор как раз тот, который призван облегчить жизнь веб-мастерам, т.к. один css документ ты можешь прицепить к любому кол-ву документов html и тебе не нужно будет каждый раз описывать одно и тоже, например что абзац имеет такой-то цвет, размер шрифта, начертание и т.д.. соответственно и кода в html-документах будет меньше, и сайт будет более быстрый. если ты не понимаешь такихвещей, даже то в ч?м его приемущества, то лучше сразу забрасывай это дело, веб-дизай и т.п...)
абыр: Кроссбраузерность хромает при использовании цсс. <- не больше чем и без использования css, так как каждый обозреватель интерпретирует по своему код страницы и даже сайт просто на html без каких-то языков веб-программирования, веб-разветки будет обображаться по разному везде.
абыр: Хотя, я смотрю, как развивается цсс и думаю, что будущее за цсс <- нет, будущее за XML )))
Птица: Только после таких статей все время думаешь... кто бы взял бы да написал бы книжку типа "Создание сайта с нуля - по всем возможным технологиям". <- а ненадо изучать все технологии, которые существуют, выбери только то что тебе нужно и что действительно пригодятся для создания сайтов. определи круг задач, будешь ты делать небольшие какие-то сайты типа личных веб-страниц или крупные проэкты, форумы и т.д. определи цели,а уже потом выбирай что ты будешь ддля этого использовать, достаточно например знать php и html (или лучше xml) и можно создавать такое что ах)
dmitry: О да, это таГ))) за это его и любят))
Александр: да воовще цсс - это гадость, придумали такую хрень, что за чем она нужна, все можно было бы сделать и в хтмееле, зачем этот цсс, только лишний гемор, это получается, что, то что мы делаем в хтмееле, выходит тоже самое делаем в цсс, а за чем нипонятно, когда все можно и в хтмееле. <- в html ты созда?шь просто струкруру сайта, его разметку, где что будет находится, в css же ты уже описываешь то как это будет выглядеть, ты в н?м описываешь внешний вид дескриптороров (тэгов) html. и не смешивай вс? в кашу, html для разметки, css для визуализации разметки.
Александр: хтмеелу надо подумать об этом. <- да в w3c уже давно вс? продумали, там тоже не лохи сидят, таг шо вникайся, а не бурчи)
Paul: Я за CSS, только жаль, что его поддерживают не все браузеры, а из поддерживающих не все срабатывают одинаково. <- уже дааавно все поддерживают))) а одинаково не все срабатывают, об этом я говорил выше)))
sailor: ага)))
