Метка: CSS

👉 Формальный язык описания внешнего вида документа, написанного с использованием языка разметки. Также может применяться к любым XML-документам, например, к SVG или XUL ⭐⭐⭐⭐⭐

Правильный способ сделать кнопку ссылкой

Правильный способ сделать кнопку ссылкой Опубликовано: 2013-03-05 Иногда возникает задача оформить ссылку как стандартную кнопку. В общем случае так делать нежелательно: ссылка по определению просто указывает на определённый ресурс, в то время как нажатие кнопки обычно инициирует некоторое действие. Но если задача возникла, то имеет смысл хотя бы делать это правильно. Правильно Синтаксически правильное («валидное») и кроссбраузерное решение состоит в том, чтобы заключить кнопку в простейшую […]

Кнопки | CSS — Примеры

Кнопки | CSS Дата обновления: 13.02.14 NMitra Дополняющие тему статьи: CSS кнопка вверх Крупные кнопки-изображения зафиксировать панель Простая HTML кнопка для сайта Есть несколько типов input для создания кнопки и тег button [ type="button | reset | submit" ]. Внешне и функционально они абсолютно одинаковы. button <input type="button" value="input"/> <button type="button">button</button> Когда использовать тег […]

Простой (и довольно грубый) способ создания адаптивных таблиц | Frontender Magazine

http://frontender.info/simple-responsive-table/#sposob2dobavlenieskrollbarovdlyaios http://frontender.info/simple-responsive-table/#sposob2dobavlenieskrollbarovdlyaios

Fluid Images · An A List Apart Article

Issue № 328 Fluid Images by Ethan Marcotte ∙ June 07, 2011 Published in CSS, HTML, Layout & Grids, Responsive Design ∙ 27 Comments A note from the editors: We are pleased to present a portion of Chapter 3 of Responsive Web Design by Ethan Marcotte (A Book Apart, 2011). This chapter follows a previous […]

Свойства CSS3! Часть 4 – rgba, hsla и прозрачность фона | ShuBlog

ShuBlog дневник программиста Главная О блоге Об авторе Скачать Услуги Портфолио Контакты Статьи Свойства CSS3! Часть 4 – rgba, hsla и прозрачность фона 27 января 2011 6 Рубрика: HTML&CSS « Предыдущая записьОформление кода CSS    Следующая запись »"Нестандартные шрифты на сайте" или "CSS свойство @font-face"  Сегодня я хочу поговорить о прозрачном фоне блока текста, как […]

Inline-block как замена float / Хабрахабр

войти через TM ID постыq&aсобытияхабыкомпании 6 декабря 2012 в 07:31 Inline-block как замена float Веб-разработка*, Веб-дизайн*, CSS* Полгода назад я делал перевод статьи на Хабре Подробно о свойстве float. В этот раз взглянем на него немного под другим углом. При разработке сайта мы часто используем float'ы для позиционирования некоторых блоков […]

Грамотное javascript-дерево за 7 шагов

« Drag and dropИнтеграция AJAX в интерфейс ». Илья Кантор интерфейс Грамотное javascript-дерево за 7 шагов Шаг 1. DOM-модель одного узла дерева. Шаг 2. Два узла дерева. Шаг 3. CSS для показа дерева Стили узла Стили компонентов узла Иконки состояния узла Шаг 4. Добавляем структурные линии. Шаг 5. Скрытие-раскрытие Шаг 6. AJAX-индикация Шаг 7. Дополнительные […]

Создаем меню в стиле Windows 7 с помощью CSS3

Я восхищаюсь тем, насколько много можно сделать даже с небольшим использованием CSS3. Многие элементы пользовательского интерфейса, которые раньше требовали использования изображений, чтобы иметь соответствующее визуальное оформление, теперь могут быть стилизованы с помощью одного только CSS3. Чтобы это доказать, я поставил себе задачу создать меню «Пуск» в стиле Windows 7 при помощи только CSS3. Если мы […]

CSS Sticky Footer / Прилипающий футер / Хабрахабр

Как использовать прилипающий футер Введение В Гугле можно найти много реализаций прилипающего футера. Я перепробовал большинство из них, и обычно где-нибудь они да подводили. В основном из-за того, что предложенные методы были слишком старыми, и не срабатывали в новых браузерах. Но, поскольку страницы, предлагающие решения, довольно старые, на них давно ссылается много других сайтов, из-за […]

Футер прилипающий к низу страницы | Олег Мурашов

Sticky Footer — Прилипающий футер 16 февраля 2012 Есть несколько способов реализовать футер, прилипающий к низу страницы (Sticky Footer), используя свойства CSS. Но многие из них прибегают к громоздким и неудобным хакам, или требуют много дополнительного HTML кода. Описанный здесь метод использует всего 15 строк CCS кода и почти не требует дополнительной HTML разметки. Также […]

Приемы CSS

Вертикальное выравнивание: margin-top: -2px; margin-bottom: -2px; Интересный прием выстраивания подписей и полей ввода в форме: #fast_order_form .fast_order_left {display: inline-block; width: 29%; text-align: right;} #fast_order_form .fast_order_right {float: right; display: inline-block; width: 68%; text-align: left;} Удалить ссылку через CSS (на примере лишнего элемента облака тегов): .tagcloud > a[href*=»/evernote/»] { display: none; }  

[решено] Знак «~» в css

Цитировать Новости Видео Microsoft Windows 8 Железо Программы Форум Wiki Имя пользователя: Сохранить? Пароль:     Помощь | Регистрация | Забыли пароль?  | Правила   Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » [решено] Знак "~" в css Настройки темы [решено] Знак "~" в css KrotMen Пользователь Сообщения: 78 Благодарности: 4 Конфигурация Профиль | Отправить PM | Цитировать […]

Приоритеты в Css (Important), примеры комбинаций и группировки селекторов, пользовательские и авторские стили | KtoNaNovenkogo.ru — создание, продвижение и заработок на сайте

Приоритеты в Css (Important), примеры комбинаций и группировки селекторов, пользовательские и авторские стили Рубрика: Уроки CSS Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня я предлагаю продолжить разговор про Css селекторы, который мы начали еще в приведенной статьей. Еще раньше мы с вами познакомились с тем, что такое Css (таблицы каскадных стилей), узнали как задаются размеры шрифта […]

Как сделать плавное увеличение картинки при клике.

Как сделать плавное увеличение картинки при клике. Автор: Андрей Краснокутский Дата: 2011-08-06 Кликаем по картинке и она плавно увеличивается в размерах. Одно из новшеств современного веб-дизайна – это применение на сайте модальных окон, наверняка Вы уже неоднократно видели такой эффект: картинка (фотография, изображение, рисунок и т.д.) при клике по ней, открывается в отдельном окне, на […]