Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Угадать карту с картинкой

Моноширинный шрифт | ПОДЧЕРКИВАНИЕ | ЗАГЛАВНЫЕ БУКВЫ | Pазделение содержания и представления в CSS | HEX notation | Position | Значения | First-of-type | Страница с Пиццой | Яваскрипт ХТМЛ |


Читайте также:
  1. Б. Скласти карту основних туристичних районів та центрів туризму Франції.
  2. Изучаем коктейльную карту
  3. Как построить «карту объектов воздействия». Перевербовка
  4. Нанесение на карту цели по прямоугольным координатам
  5. Посмотрим на карту.
  6. Рассмотрите карту и выполните задание В8-В11.
  7. Сильгу картулисалат

<style>

#card {width:124px;height:168px;background-image:url("http://hosturl.co.uk/cc/cb.png");}

#card:hover {background-image:url("http://hosturl.co.uk/cc/cf.png");}

 

</style>

 

<div>

<h1>I can guess the number you are thinking of</h1>

<p>Follow the Rules and then hover the card below</p>

<ol>

<li>Think of a number below 10</li>

<li>Double the number you have</li>

<li>Add 6</li>

<li>Divide it by 2</li>

<li>Subtract the original number from your answer</li>

</ol>

<div id="card"></div>

</div>

_____________________________________________________________________________________

Before и:after

:before и :after позволяют добавить содержание с помощью стиля content до и после любого тега. При этом занимаемое тегом поле растягивается.

Дополнение историй.

p:before {content:"Once upon a time ";}

p:after {content:" and lived happily ever after.";}

</style>

 

<p>a princess was locked in the tower...she escaped</p>

<p>you learned to code with Codecadmey, got a good job</p>

_____________________________________________________________________________________

nth-child(odd) и nth-child(even)

Псевдокласс:nth-child используется для добавления стиля к элементам на основе нумерации в дереве элементов.

 

Синтаксис:

элемент:nth-child(odd | even | <число> | <выражение>) {...}

Значения

Odd

Все нечетные номера элементов.

Even

Все четные номера элементов.

Число

Порядковый номер дочернего элемента относительно своего родителя. Нумерация начинается с 1, это будет первый элемент в списке.


Дата добавления: 2015-08-17; просмотров: 35 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
First-child и :last-child| Выражение

mybiblioteka.su - 2015-2024 год. (0.005 сек.)