Встроенный стиль

встроенный стиль

Встроенный стиль

str0Встроенный стиль — это самое простое внедрение CSS в страницу сайта, при помощи атрибута STYLE.

То есть данный атрибут прописывается к какому-нибудь элементу, имеет самый высокий приоритет и может быть применим только к одному элементу.

Встроенный стиль CSS мы рассмотрим и познакомимся с ним на примерах, в которых будет показано как можно изменить вид страницы, начертание текста, вид курсора и многое другое при помощи CSS.

Давайте разберем как внедрить CSS в страничку вашего сайта.

Самое простое применение стиля CSS в страницу сайта — это при помощи атрибута STYLE, который и называется встроенным стилем. То есть данный атрибут прописывается к какому-нибудь элементу, имеет самый высокий приоритет и может быть применим только к одному элементу.

В качестве примера берем обычную HTML страницу которую можно посмотреть в новом окне.

ПОСМОТРЕТЬ

И так наша задача внедрить CSS при помощи атрибута STYLE в код выше изложенной страницы. Но для начала стоит определиться, что мы хотим изменить на своей странице при помощи стиля. Мне например не нравиться что ссылки меню 1 — 5 подчеркнуты и хотелось бы изменить цвет ссылок меню к примеру на зеленые. Для этого нужно прописать атрибут STYLE для тега <а> Запись будет выглядеть следующим образом:

<a href=»#» style=»TEXT-DECORATION: none; COLOR: #1E7212″>меню 1</a>

Вписываем данный атрибут непосредственно в код нашей страницы и смотрим, что у нас получилось.

ПОСМОТРЕТЬ

Как видно из примера мы получили что хотели: ссылки меню1 — меню5 стали зеленого цвета и не подчеркнуты, но атрибут style пришлось прописать для каждого тега <а>.

Посмотрите видео о применении на странице сайта встроенный стиль CSS:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *