Latest web development tutorials
×

CSS курс

CSS курс CSS Краткое введение CSS грамматика CSS Id и Class селектор CSS создать CSS фон(background) CSS текст(text) CSS шрифты(Fonts) CSS ссылка(link) CSS стили списка(ul) CSS таблица(table) CSS Box модель CSS рамка(border) CSS контур(outline) CSS маржа(margin) CSS начинка(padding) CSS Группировка и вложенность CSS размер(Dimension) CSS дисплей(display) CSS разместить(position) CSS терка(float) CSS выравнивать(align) CSS Сочетание селекторов CSS Псевдо-классы CSS Псевдо-элемент CSS Панель навигации CSS Выпадающее меню CSS Галерея изображений CSS Прозрачное изображение/непрозрачный CSS технологии мозаики изображения CSS Тип носителя CSS селекторы атрибутов CSS резюме CSS примеров

CSS3 курс

CSS3 курс CSS3 Краткое введение CSS3 рамка(border) CSS3 фон CSS3 постепенное изменение CSS3 Текстовые эффекты CSS3 шрифты CSS3 2D изменение CSS3 3D изменение CSS3 переход CSS3 анимация CSS3 Multi-колонки CSS3 Пользовательский интерфейс

CSS Адаптивный дизайн

Viewport Grid View Медиа-запросы изображение видео(video) рамка

CSS справочное руководство

CSS справочное руководство CSS селектор CSS Речь Ссылка CSS Web Безопасные шрифты CSS анимация CSS блок CSS цвет CSS значения цвета CSS название цвета CSS шестнадцатеричный цвет

CSS селекторы атрибутов

Элементы HTML стиль с определенными атрибутами

HTML стиль элемент не просто класс и идентификатор со специфическими свойствами.

Примечание :! IE7 и объявление DOCTYPE IE8 нужно поддерживать только селекторы атрибутов!IE6 и более ранние версии не поддерживают селекторы атрибутов.


селекторы атрибутов

Следующий пример должен содержать все элементы заголовка (названия) становится синим:

примеров

[Название] { цвет: синий ;}

Попробуйте »


Атрибуты и значения селекторов

Следующий пример изменяет стиль границы заголовка название = '' w3big элемент:

примеров

[Title = w3big] { граница: 5 точек твердый зеленый ;}

Попробуйте »


Выберите Свойства и значение - больше значения

Ниже приведен пример атрибута элемента стиля заголовка определяет значение с помощью (-) отделяя свойства и значения:

примеров

[Title ~ = привет] { цвет: синий ;}

Попробуйте »

Ниже приведен пример стиля элемента атрибута языки определяет значение использования (|) разделяет атрибуты и значения:

примеров

[Lang | = EN] { цвет: синий ;}

Попробуйте »


Форма стиль

Селекторы атрибутов стиля без использования формы класса или ID:

примеров

ввод [тип = "текст"] { ширина: 150 точек ; Дисплей: блок ; Маржа дна: 10 точек ; Цвет фона: желтый ;} ввод [тип "кнопка" =] { ширина: 120 точек ; Маржа левый: 35 точек ; Дисплей: блок ;}

Попробуйте »