slogin.info

ihc 468x60 1 1
< >
Звезда активнаЗвезда активнаЗвезда не активнаЗвезда не активнаЗвезда не активна2 / 5
 
Автор: Администратор
Просмотров: 1394
Все вы прекрасно знаете, что у тэгов в HTML могут быть атрибуты, например у тэга <a> атрибуты href, alt и т.д.

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

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

Например зададим определенный стиль тэгу <img>, который имеет атрибут title, HTML-код:

<p>Картинка с title: <img src="/images/ryba.jpg" title="rybka"></p>
<p>Картинка без title: <img src="/images/ryba.jpg"></p>

CSS-код:

img[title] {padding:10px; background: #333333;}  /* стиль для img с наличием title, отступы и на этих отступах темно-серый фон */

Вот как это будет выглядеть:

2

Если же вы хотите задавать стиль только тем тэгам, у которых атрибут равен определнному значению, в квадратных скобках название атрибута нужно приравнять к этому значению. Рассмотрим пример, где мы хотим задать всем <input>, которые в качестве значения атрибута type имееют text.

HTML-код:

<input type="text" value="Имя" />
<input type="submit" value="Отправить" />
<input type="text" value="Фамилия" />

CSS-код:

input[type=text] {padding:10px; border:#FF9900 2px dotted;} /* стиль для input с type="text" */

Вот как это выглядит:

2 2

< >

Поиск по сайту

Топ 10 активных пользователей

  • Имя пользователя Баллы
  • gawk
    44.20
  • hr@proovelab
    15.00
  • Varvarka
    4.00
  • intuit89
    3.60
  • Akyla58
    3.00
  • AnnaOl
    3.00
  • dimasik_3557
    3.00
  • ErcardSa
    3.00
  • Galinamuh
    3.00
  • Hozephlof
    3.00
 

Рекламные ссылки

IHC

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

Последнее с форума

intuit89 аватар
Мы можем: • Создание сайтов всех видов: промо-сайты, магазины, корпоративные. • Разработка нестанд...
Перейти в тему
intuit89 аватар
Здравствуйте! Наша команда занимается созданием и продвижением сайтов под ключ. [image] Предлагае...
Перейти в тему

Последние статьи

Javascript функции

Функции - одна из основных концепций языка JavaScript. При этом есть кардинальное отличие от многих языков программирования, в JS каждая функция сама по себе является объектом, а соответственно и манипулировать с ней можно разными способами:

Ссылка на телефон

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

CPA сети 30.01.2017
CPA сети

Сегодня мы подробно рассмотрим тему зарабатка на своих проектах (т.е. это не обязательно сайты) при помощи CPA сетей.