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 Id и селекторов класса

Идентификация и класс селекторов

Если вы хотите установить стили CSS в HTML-элементов, вам нужно установить "ID" и элемент селектора "класс".


селектор идентификатора

селектор идентификатора могут быть помечены с определенным идентификатором элемента HTML задает конкретный стиль.

HTML элементы с идентификатором множества атрибутов селекторов И.Д., CSS селектор идентификатора на "#" определена.

Следующие правила применяются к элементу стиля атрибута ID = "para1":

примеров

#para1
{
text-align:center;
color:red;
}

Попробуйте »

замечание ID атрибуты не должно начинаться с цифры, идентификационный номер в начале не работает в Mozilla / Firefox браузер.


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

Селектор класса Style используется для описания группы элементов, селектор класса В отличие от селектора идентификатора, класс может быть использован в более чем одного элемента.

Селектор класса в атрибут класса HTML, чтобы указать, в селекторе класса CSS к номеру точки отображается "".:

В следующих примерах все имеют центр как HTML элементы центрированы.

примеров

.center {text-align:center;}

Попробуйте »

Можно также указать конкретный HTML элемент использует класс.

В следующих примерах все р элемент использует класс = "центр", так что текст элемента центра:

примеров

p.center {text-align:center;}

Попробуйте »

замечание Имя класса первый символ не может использовать цифровой! Он не может работать с Mozilla или Firefox.