|
|
Допустим, у нас есть серьезный бизнес-сайт, с серьезными клиентами. А серьезные люди, как правило, консервативны и с монитора читать не приучены. Они больше доверяют бумаге — там и подпись поставить можно если что и у нотариуса заверить… В общем, непременно нужна качественная версия сайта для печати. |
|
|
Часто так бывает - учим что-то только тогда, когда возникает необходимость применения его на практике. В итоге мы хорошо усваиваем только ту часть, которую сразу же применяем. Остальное забывается, а зачастую и не изучается. Так в стороне осталось множество интересных возможностей CSS. |
|
|
С помощью CSS можно определять стиль и вид текста. Аналогично тому, что используется тег FONT, задающий свойства шрифта, но стили обладают большими возможностями и позволяют сократить код HTML. |
|
|
В данной статье мы приводим решение, которое позволяет пользователю увеличивать или уменьшать размеры текста прямо на страницах сайта. |
|
|
Представьте себе такую ситуацию: вы сделали серьезный сайт. И вдруг через некоторое время понимаете: шрифт не тот, фон не тот, цвета не те и т.д. Все надо менять. Обремененный заботой о любимых посетителях, вы спешите исправить недоработки во всех 500 (к примеру) страницах вашего сайта. На это уходит целый день. В лучшем случае… Как этого избежать? Ответ прост - использовать каскадные таблицы стилей. |
|
|
Исконной мечтой веб-дизайнеров со времен Золотой Орды было отделение мух от котлет, т. е. содержания от оформления. С появлением технологии CSS (Cascading Stylesheets, или каскадные таблицы стилей) эта мечта наконец исполнилась. |
|
|
Эрик Мейер нашел очень интересное использование псевдо-класса :hover. Оказывается, с помощью свойства display, контекстного селектора и :hover можно реализовать эффект rollover, когда при наведении мышкой появляется картинка. Делается это следующим образом. |
|
|
Одной из замечательных особенностей CSS является возможность создания таблиц стилей, ориентированных на разнообразные устройства вывода. Мы привыкли создавать таблицы стилей для отображения страниц на экране, но мы еще не привыкли думать о других средствах отображения. И, как подтверждают ссылки "версия для печати", о печати документа мы думаем лишь как о представлении документа в другом виде. |
|
|
Несмотря на всё большее распространение широкополосного доступа к Интернету, проблемы скорости загрузки HTML-страниц всё ещё не безразличны многим пользователям Сети, особенно на просторах бывшего Союза. CSS ( Cascading Style Sheets ) может помочь в этом деле, сэкономив нам время и трафик. |
|
|
В данной статье я покажу, как с помощью CSS можно укротить неповоротливые и неуклюжие списки. Хватит им беспризорно шататься по вашим веб-страницам. Настало ваше время командовать им, как себя вести. |
|
|
В CSS1 стиль обычно применяется к элементу в соответствии с его позицией в структуре документа. Эта простая модель достаточна для широкого спектра стилей, но она не покрывает несколько типичных эффектов. Концепция псевдо-классов и псевдо-элементов расширяет механизм адресации в CSS1, чтобы позволить информации, внешней по отношению к документу, оказывать влияние на процесс форматирования. |
|
|
Зададимся вопросом, как же сделать такой сайт, который бы одинаково хорошо отображался и на экране сотового телефона, и на 22-х дюймовом LaCie? Если просто написать текст, то он будет отлично читаться, но выглядеть не ахти. К тому же, большинство существующих сейчас сайтов построены на принципе многоколоночной верстки, и тут уж никаких <просто текстов> не существует. |
|
|
Минус в заданном по умолчанию цвете полосы прокрутки состоит в том, что он является унылым и некрасивым - обычно этот цвет серый. Возможно, не было бы лишним изменить эту расцветку на более яркую и подходящую, соответствующую духу и стилю вашего сайта. К счастью (а может и к несчастью), этого мы можем добиться с помощью средств CSS и JavaScript. |
|
|
Основным понятием CSS является стиль - т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого. Вы должны были десять или сто десять раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла и время загрузки на компьютер просматривающего ее пользователя. CSS действует другим, более удобным и экономичным способом. |
|
|
CSS1 представляет собой описание правил, задающих параметры представления отдельных элементов на языке HTML. В предыдущих версиях HTML для придания элементу нужного облика приходилась каждый раз для каждого элемента перечислять весь список атрибутов, его характеризующих. Таблицы стилей, помимо более широких возможностей управления элементами web-документа, позволяют разделить непосредственно содержание документа и информацию о том, как это содержание должно быть представлено на экране. Это в огромной степени облегчает html-верстку web-документов и внесение изменений в описание элементов. |
|
|
CSS предоставляет огромные возможности создания многих динамических элементов на странице, правда, увидеть их можно не во всех браузерах. |
|
|
В таблице в краткой и удобной форме приведены описания и примеры использования наиболее часто встречающихся свойств CSS. |
|
|
Уже из изученных нами основ HTML вполне достаточно, чтобы понять простую истину: описание необходимых элементов языка разметки гипертекста - чрезвычайно сложное и утомительное занятие. Представьте себе, что разрабатываемая вами web-страничка содержит десять абзацев текста, которые необходимо расположить по всей ширине окна броузера, и двадцать иллюстрации, которые нужно выровнять по центру экрана. |
|
|
Цель данной главы - научить вас применять CSS правильно. Поверьте, это не так просто, как кажется на первый взгляд. Ведь можно просто особо не задумываясь написать таблицу стилей с множеством классов и ненужных объявлений, которая будет корректно работать. Но такая таблица стилей будет неоптимальной и неудобной. Неоптимальной потому, что ее можно значительно сократить и уменьшить объем, что немаловажно. Неудобной потому, что разбираться в неупорядоченном нагромождении классов достаточно сложно. Вообще жестких правил при написании таблицы стилей нет, потому что написать стиль можно по-разному и это будет работать, однако есть множество рекомендаций. Кроме того, можно все же выделить одно главное правило, которое всегда надо применять при использовании CSS. |
|
|
В Internet Explorer'е версии 6.0 предусмотрен механизм, позволяющий, как получить полный список всех шрифтов, так и узнать набор символов (charset) конкретного шрифта. Для этого используются свойства и методы объекта Dialog Helper. Данный объект представляет собой объект ActiveX, устанавливаемый совместно с Internet Explorer. Для доступа к данному объекту необходимо объявить его в html-документе при помощи тега object. |
|
|
В последнее время укоренилось предположение - если web-дизайнер хочет использовать частичную прозрачность в дизайне сайта, то у него только два варианта. Или он использует фильтр Alpha, или использует plug-in'ы типа Flash. Тут необходимо сказать, что фильтр Alpha работает только в Internet Explorer'е, да и с прозрачностью во Flash тоже не все гладко. |
|
|
Данное свойство позволяет задать для элемента типа курсора, когда курсор находится над элементом. В качестве значения данного свойства используется список курсоров, разделенных запятой. Если браузер не может найти или отобразить курсор, браузер пытается обработать следующий курсор в списке. Если браузер не распознал ни одного курсора в списке, тип курсора не изменяется. |
|
|
Как вам уже известно, информация о стилях может располагаться либо в отдельном файле, либо непосредственно в коде Web-странички. Расположение описания стилей в отдельном файле имеет смысл в случае, если вы планируете применять эти стили к большему, чем одна, количеству страниц. Для этого нужно создать обычный текстовый файл, описать с помощью языка CSS необходимые стили, разместить этот файл на Web-сервере, а в коде Web-страниц, которые будут использовать стили из этого файла, нужно будет сделать ссылку на него. Делается это с помощью тега <LINK>, располагающегося внутри тега <BODY> ваших страниц... |
|
|
Этот документ определяет уровень 1 каскадных таблиц стилей (CSS1). CSS1 является простым механизмом таблиц стилей, который позволяет авторам и читателям приписывать стиль (например шрифты, цвета или отступы) HTML документам. Язык CSS1 является языком высокого уровня и использует стандартную терминологию, принятую в электронной полиграфии. Одним из фундаментальных свойств CSS является каскадирование; авторы могут приписывать предпочтительную таблицу стилей, в то время как читатель может иметь персональную таблицу стилей для исправления физиологических или технологических проблем. Правила разрешения конфликтов между различными таблицами стилей определены в этом документе. |
|
|
Что нам требуется для эффекта "выпадающего" меню? Нам надо изменять своиства некоторых блоков так, чтоб при наведении мышки на определенный участок того-же блока или на "управляющую" ссылку эти самые блоки становились видимыми. Это несколько упрощенно, но суть происходящего вполне описывает. |
|
|
Учебник познакомит вас с назначением CSS, со способами применения CSS на практике. В учебнике подробно рассматривается синтаксис, переопределение и наследование описаний, понятие блочного и строкового элемента, свойства блочных элементов, отступы, границы, обтекание, цвет текста и фона, работа со шрифтами, а также позиционирование и управление видимостью. |
|
|
Таблицы стилей были введены и используются для облегчения оформления и сопровождения документов HTML. Таблицы стилей позволяют отделить содержание WEB документов от их оформления. Таблицы стилей поддерживаются большинством используемых в настоящее время браузеров. Полная поддержка CSS реализована в IE 4.0 и Netscape Navigator 4.0. Однако эта реализация несколько отличается в деталях. Другие браузеры будут отображать страницы, созданные с использованием CSS, возможно, без использования оформления указанного в таблицах стилей. Для тех, кто достаточно поработал с текстовыми процессорами, такими как WinWord, таблицы стилей покажутся знакомыми. Действительно, сначала определяется стиль, а затем он применяется для форматирования текста простой ссылкой на этот стиль. |
|
|
Так что это такое - СSS? Cascading Style Sheets (Таблицы Каскадных Стилей) - это язык, содержащий набор свойств для описания внешнего вида любых HTML документов. С его помощью дизайнер имеет полный контроль над стилем и расположением каждого элемента веб страницы, что проще и гораздо функциональнее использования обычного набора HTML тегов. |
|
|
Каскадируемые стили (CSS) - это новейшая технология, которая позволяет Вам сделать свой сайт лучше и привлекательнее. С помощью этой технологии Вы можете легко редактировать Ваши страницы, создавать web-документы меньшего объема и изменять вид многих страниц одновременно. Для начала мы ознакомимся с возможностями Стилей в общих чертах. |
|
|
|
