CSS

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

CSS Текст

С помощью CSS можно определять стиль и вид текста. Аналогично тому, что используется тег FONT, задающий свойства шрифта, но стили обладают большими возможностями и позволяют сократить код HTML.

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

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

Наследование селекторов

Наследование – это перенос правил форматирования для элементов, находящихся внутри других. Например, для параграфа P задано форматирование, а для курсива I, который находится внутри параграфа, нет. В этом случае вложенный элемент наследует свойства родительского элемента.

Группирование селекторов

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

Контекстные селекторы

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

Селекторы ID

Параметр ID задает уникальное имя элемента, которое используется для обращения к нему скриптов. Это позволяет управлять стилем элемента динамически.

Теги Span и Div

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

Селекторы Class

Классы используются когда необходимо определить стиль для блока текста или задать разные стили для одного тега. Синтаксис для классов следующий.

Селекторы тегов

Селектором может быть любой тег HTML. Для него определяются правила форматирования, такие как цвет, фон, размер и др. Правила задаются в виде:

Что такое селекторы

Селекторами называются имена стилей, в которых указаны параметры форматирования.

Добавление стиля на веб-страницу

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

Мультибраузерный сайт или как его сделать

В данной статье я расскажу вам об основных принципах создания «мультибраузерного» сайта: Под словом «мультибраузерный» сайт я подразумеваю сайт, определяющий браузер пользователя и в зависимости от результата, использующий уникальные этому браузеру CSS стили. Так же я расскажу о некоторых проблемах, которые могут возникнуть при работе с браузерами.

Преимущество CSS-верстки над табличной

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

Укрощение списков

Помню как в июле 1999 года я просвещал людей в мейл-листах о прелестях стилевой вёрстки. С тех пор мало что поменялось. Впрочем, кое-что поменялось. Поменялся мой взгляд на CSS и на (X)HTML, который выступает в роли каркаса для стилей. Например, я обнаружил, что большинство страниц содержат панель навигации. Чаще всего она оформляются как простая текстовая строка со ссылками, разделенными тегами
или

. Структурно же они представляют собой списки ссылок, и следовательно должны оформляться как таковые.

Организация CSS-файлов: Совет 1 - Флаги

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

Стандарты названий css классов и id

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

Каскадные таблицы стилей CSS верстка



Позиционирование

CSS позволяет определить точное положения HTML-элементов

Генерируемое содержимое и списки

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

Что же такое CSS

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

Каскадные таблицы стилей (преимущества и недостатки)

Статья описывающая преимущества и недостатки CCS (каскадные таблицы стилей).

Чем CSS хорош для поисковых машин?

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

Выпадающие меню с помощью CSS

Каждый, кому доводилось создавать выпадающие меню, знаком с тем, какое количество скриптов требуется для этого. Между тем, используя грамотно структурированный HTML-код и несложные CSS-правила, можно создать симпатичное выпадающее меню, которое легко менять и дополнять, и при этом оно будет работать во множестве браузеров, в том числе и в Internet Explorer. И самое главное для вас, любители "чистого" кода - никакого JavaScript! (На самом деле, небольшой скрипт все же необходим, но вовсе не для того, о чём вы подумали.)

Разворачивание и сворачивание слоя

Физиология человеческого восприятия работает таким образом, что «быстрые» объекты просто не успевают восприниматься сознанием. Мозгу требуется определенное время, чтобы идентифицировать объект, понять его предназначение и усвоить информацию, которую он несет. С учетом этой особенности работают операционные системы, они отображают окна не мгновенно, а с некоторой задержкой, которая приходится на анимацию. Такого рода анимация называется «разворачивание окна» и состоит обычно в том, что окно словно прячется за невидимыми шторками, которые раздвигаются в стороны, постепенно показывая содержимое окна. Разворачивание может происходить по горизонтали, вертикали или сразу в двух направлениях. Аналогично совершается и сворачивание окна, но в этом случае информация скрывается. Описанные действия с окнами можно перенести и на слои, которые должны отображаться поверх веб-страницы. Такие слои могут применяться для отображения дополнительной информации, например, различных предупреждений.

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

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


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