Авторизация:

Вы здесь: Главная  >  CSS  >  CSS Основы  >  Селекторы CSS

Селекторы CSS

Селекторы CSS

Существует несколько видов селекторов. Первый из них это селектор id, ставим id идентификатор в нужном теге, т.е. присваиваем тегу идентификатор, а в таблице стилей пишем так:

#имя id{значение}

Селектор класса, схема построения такая:

.имя класса{свойство}

И этот класс, который мы создали присваивается к структуре программы с помощью атрибута class:

class = “имя класса”

Можно также писать и так тег.имя класса{}, чтобы использовать несколько классов в одном теге, просто чередуем через пробел.

Пример:

class=”имя_класса_1 имя_класса_2”

Есть такой фокус с переходом.

Пример:

<a href=”index.html#film”>…</a>

При нажатии ссылки мы будем перенасистя на тот тег где будет расположен id с именем film/.

Селекторы параметров:

input[type=”submit”] {border: 4px double black;}

Border – рамка;

4px – ширина рамки;

Double – двойная линия;

Black – черный цвет;

a[href=”index.html”]{
	border-left:2px solid black;
	border-top:1px solid gray;
	border-right:2px solid black;
	border-bottom: 1px solid gray
}

Спасибо за внимание! :)

Дата создания: 01.02.2016 12:11:12

Автор: Максим Фёдоров

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.