Выбираем медиа-запросы: min-width CSS или max-width CSSМне часто задают вопросы вроде: «Стоит ли использовать медиа-запросы (media queries) min-width или max width CSS? Те, кто знаком с адаптивным дизайном, сочтут этот вопрос странным, так как знают, что все зависит от конкретного случая. Сегодня я рад поделиться с вами собственным мнением о том, что на самом деле […]

Использование медиавыражений — CSS | MDN Медиавыражения используются в тех случаях , когда нужно применить разные CSS-стили, для разных устройств по типу отображения (например: для принтера, монитора или смартфона), а также конкретных характеристик устройства  (например: ширины окна просмотра браузера), или внешней среды (например: внешнее освещение). Учитывая огромное количество подключаемых к интернету устройств, медиавыражения являются очень важным инструментом при создании веб-сайтов и приложений, которые будут правильно работать на всех

Mobile media css query: Responsive Web Design Media QueriesRead More »

html — Медиа запрос не работает в Chromehtml — Медиа запрос не работает в Chrome — Stack Overflow на русском Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты. Присоединиться к сообществу Любой может задать вопрос Любой может ответить

Css не работает media: Почему не работают медиа запросы? — Хабр Q&ARead More »

33 hover-эффекта на CSS3, о которых следует знать каждомуСегодня я хочу поделиться с вами подборкой, состоящей из 33 hover-эффектов, основанных на CSS3. Как уже понятно из заголовка, здесь вы найдете коллекцию, состоящую из 10 невероятно стильных CSS эффектов:Этот невероятный CSS3-эффект поможет вам добиться уникального результата. При наведении курсора на элементы страницы эффект начинает следовать за

Css эффекты при наведении на изображение: 10 невероятных и крутых эффектов при наведении на изображение бесплатноRead More »

float | htmlbook.ruInternet ExplorerChromeOperaSafariFirefoxAndroidiOS6.0+8.0+1.0+3.5+3.0+1.0+1.0+1.0+Краткая информация Значение по умолчанию noneНаследуетсяНетПрименяетсяКо всем элементам (за исключением абсолютно позиционированных) Ссылка на спецификацию http://www.w3.org/TR/CSS21/visuren.html#propdef-floatВерсии CSSОписание Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение свойства float равно none, элемент выводится на странице как обычно, при этом допускается, что одна строка

Css обтекание блока: Плавающие элементы | htmlbook.ruRead More »

background — CSS | MDN Сокращённое CSS свойство background  устанавливает сразу все свойства стиля фона, такие как цвет, изображение, источник и размер, или метод повтора. Исходный код этого интерактивного примера хранится в репозитории GitHub.  Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста клонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос на извлечение.. Свойство является сокращением, которое устанавливает следующие

Background url css: background — CSS | MDNRead More »

Использование медиавыражений — CSS | MDN Медиавыражения используются в тех случаях , когда нужно применить разные CSS-стили, для разных устройств по типу отображения (например: для принтера, монитора или смартфона), а также конкретных характеристик устройства  (например: ширины окна просмотра браузера), или внешней среды (например: внешнее освещение). Учитывая огромное количество подключаемых к интернету устройств, медиавыражения являются очень важным инструментом при создании веб-сайтов и приложений, которые будут правильно работать на всех

Media css min width max width: html — How to set @media (min-width) and (max-width) for both chrome and firefoxRead More »

white-space | htmlbook.ruInternet ExplorerChromeOperaSafariFirefoxAndroidiOS6.0+8.0+1.0+4.0+9.5+1.0+3.0+1.0+3.5+1.0+1.0+Краткая информация Версии CSSОписаниеСвойство white-space устанавливает, как отображать пробелы между словами. В обычных условиях любое количество пробелов в коде HTML показывается на веб-странице как один. Исключением является тег <pre>, помещенный в этот контейнер текст выводится со всеми пробелами, как он был отформатирован пользователем. Таким образом, white-space имитирует работу тега <pre>, но в

Nowrap css: white-space | htmlbook.ruRead More »

Атрибут name | htmlbook.ruInternet ExplorerChromeOperaSafariFirefoxAndroidiOS1.0+1.0+2.1+1.0+1.0+1.0+1.0+СпецификацияHTML:3.24.015.0XHTML:1.01.1Описание Атрибут name используется для определения якоря внутри страницы. Вначале следует задать в соответствующем месте закладку и установить ее имя при помощи атрибута name тега <a>. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в

Name css: html — Can I apply a CSS style to an element name?Read More »

Атрибут name | htmlbook.ruInternet ExplorerChromeOperaSafariFirefoxAndroidiOS1.0+1.0+2.1+1.0+1.0+1.0+1.0+СпецификацияHTML:3.24.015.0XHTML:1.01.1Описание Атрибут name используется для определения якоря внутри страницы. Вначале следует задать в соответствующем месте закладку и установить ее имя при помощи атрибута name тега <a>. Имя ссылки на закладку начинается символом #, после чего идет название закладки. Название выбирается любое, соответствующее тематике. Можно также делать ссылку на закладку, находящуюся в

Name css: Which characters are valid in CSS class names/selectors?Read More »