CSS

CSS - каскадные таблицы стилей. Используется как средство оформление веб-страниц и описание стилей. Активно используется при создании сайтов веб-мастерами. Здесь вы найдете статьи и примеры CSS.

CSS: советы и приёмы, часть 2

В этой части я дам тебе несколько советов, содержание которых включает в себя группирование селекторов, горизонтальное выравнивание текста, импортирование CSS и ещё несколько проблемных вопросов. Если ты чего-то здесь не нашёл, попробуй почитать первую часть...

Кроссбраузерное выравнивание по центру (table height=100%)

Как добиться в IE, Mozilla и Opera выравнивания текста по центру документа с помощью тега table и атрибута height?

Динамическое выпадающее меню

Слышали ли вы когда либо такое утверждение, что "нельзя сделать динамическое выпадающее меню исключительно на CSS для IE"? Уверен, что да. И что, вы-таки верите этому? Правильно, лучше не верьте.

Простой тултип или всплывающая подсказка



Создание динамических элементов страницы с помощью CSS.

CSS предоставляет огромные возможности создания многих динамических элементов на странице, правда, увидеть их можно не во всех браузерах.

Кроссбраузерное выравнивание по центру

Многие сайты проводят на своих страницах всяческие опросы пользователей. Обычно вопрос и варианты ответа на него помещается на заглавную страницу сайта, там, где его может увидеть как можно большее количество людей. Если делать механизм опроса с помощью традиционных средств HTML, то участие в нем пользователя потребует перезагрузки всей страницы. В данной статье я расскажу как можно осуществить опрос пользователей, используя модную нынче технологию AJAX.

Фиксирование шрифтов на странице с помощью таблицы стилей

Предположим, что Вы создали достаточно симпатичную страничку с малым количеством графических элементов, текст у Вас расположен в таблице в две колонки. Вы некоторое время любуетесь вашим творением, но тут приходит Ваш приятель и погружает Вас в глубокое уныние, поставив в настройках броузера более крупный шрифт.

Изменение фона в таблице

С помощью стилей можно творить даже такие чудеса, как изменение цвета фона таблицы. Для этого необходимо написать небольшой обработчик соответствующего события, например, попадание курсора мышки в область таблицы...

Подсветка ссылки

Для того, чтобы подсветить ссылку при наведении на неё курсора мышки, необходимо задать такую таблицу стилей.

Свойства текста

Свойства текста применяются практически ко всем элементам CSS, которые могут включать в себя или описывать текст, правда, с учетом некоторых ограничений в каждом отдельном случае, Свойство text-align запоминает расположение текста относительно границ рабочего окна броузера или ячейки таблицы, иными словами - отвечает за выравнивание текстового блока.

CSS от А до Я

Представьте себе такую ситуацию: вы сделали серьезный сайт. И вдруг через некоторое время понимаете: шрифт не тот, фон не тот, цвета не те и т.д. Все надо менять. Обремененный заботой о любимых посетителях, вы спешите исправить недоработки во всех 500 (к примеру) страницах вашего сайта. На это уходит целый день.

Скролинг в броузере отличный от серого цвета



Сокращение времени загрузки веб-страниц с помощью CSS

Вот шесть причин, по которым лучше использовать CSS, а не таблицы, для разметки страниц...

Практический CSS/JS: уменьшаем время загрузки страницы

Примечание: ниже находится перевод двух близких статей ("Delay loading your print CSS" и "JS includes — the saga continues…") по оптимизации загрузки страницы при наличии нескольких файлов стилей или скриптов.

Сборник CSS хаков

В этом посте я постарался собрать все известные мне хаки для css. Многие могут усомниться в их надобности для нормальных современных браузеров, потому как большинство хаков всегда применялись только для IE, но этот пост скорее для любознательных :)

Шрифты и CSS

Многие мучаются при создании сайта. Во многих случаях на сайте требуется применить нестандартный шрифт или иероглиф. Вы скачиваете красивый шрифт и начинаете верстать страницу, но не у всех пользователей есть такие шрифты. Некоторые не смущаются и просто создают графический файл, используя нужный им шрифт, но дополнительная графика не всегда подходит странице и у многих её и так хватает. Но есть один подходящий выход !

Прозрачность в CSS

Рассмотрим сначала всевозможные эффекты прозрачности, которые будут видны только пользователям Internet Explorer. К примеру, есть у вас некая картинка, которая содержится в вашей html странице. Данная картинка без участия каких-либо графических пакетов, может быть видоизменена используя эффект прозрачности. Internet Explorer обладает самыми широкими возможностями в этой области. Рассмотрим все возможные примеры.

Внешние и внутренние отступы блоков, разночтение

Это описание внутренних и внешних отступов блоков на css.

Делайте редизайн сайта на CSS

Цены на редизайн сайта часто практически равны ценам на разработку дизайна сайта с нуля. Многие не могут понять, почему так происходит. Поэтому возникает вопрос, зачем делать редизайн сайта, если сайт уже есть и он приносит прибыль. Очень сложно понять, когда наступил тот момент, когда нужно что-то менять.

Что такое CSS

Каскадные таблицы стилей (Cascading Style Sheets, CSS) позволяют хранить цвет, размеры текста и другие параметры в стилях. Стилем называется набор правил форматирования, который применяется к элементу документа, чтобы быстро изменить его внешний вид.

Основы CSS

Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого. Вы должны были десять или сто десять раз вставить один и тот же кусок HTML­кода в страничку, увеличивая размер файла и время загрузки на компьютер просматривающего ее пользователя.

Для чего нужны таблицы стилей (CSS)

Каскадные таблицы стилей или CSS (от английского Cascading Style Sheets) являются следствием дальнейшего развития HTML и дают нам возможность перейти на следующий уровень представления информации. Таблицы стилей позволяют разделить смысловое содержимое странички и его оформление.


Страницы: 12 3 4