- Megamozg 2180 б
- Matalya1 1800 б
- DevAdmin 1690 б
- arkasha_bortnikov 840 б
- Dwayne_Johnson 840 б
Напишите на html:
Скопируйте на свой компьютер каталог CSS. Откройте файл cats.htm. Все последующие задания нужно выполнять с помощью CSS. 2. Установите для тела страницы бледно-розовый фон (цвет #FFEEEE) и шрифт Georgia, а если его нет - любой шрифт с засечками (serif). 3. Для заголовков H1 и H2 определите шрифт Arial, если его нет - Helvetica, а если нет их обоих, то любой рубленый шрифт (sans-serif). 4. Для заголовка H1 задайте фоновый рисунок cat.png из подкаталога images (без повторения). 5. Для заголовков H2 определите темно-красный цвет (#800000). 6. Создайте класс оформления latin для выделения слов и выражений на латинском языке: курсив, тёмно-красный цвет. Выделите в тексте все латинские слова с помощью этого стиля. 7. Установите для всех абзацев отступ (красную строку) 30 пикселей. 8. Создайте новый стиль оформления абзацев - author: курсивный шрифт, без абзацного отступа. Выделите этим стилем имена и фамилии авторов цитат. 9. Создайте стиль оформления абзацев с цитатами с именем quote: 1) фон - светло-жёлтый (#FEFEE2); 2) абзацного отступа нет; 3) ширина 50% от ширины окна браузера; 4) внешние отступы: сверху - О, справа и слева по 30 пикселей, снизу - 10 пикселей; 5) рамка шириной 1 пиксель, точечная (dotted), черного цвета; 6) внутренние отступы 10 пикселей. 10. Найдите в Интернете информацию про авторов цитат и сделайте их имена ссылками на соответствующие страницы. 11. Установите для ссылок, которые находятся внутри абзаца стиля author, красный цвет при наведении мыши.
Cats
Types of cats
There are many types of cats, including Siamese, Persian, and Maine Coon.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, quam ac consequat pharetra, erat leo euismod metus, in rutrum libero dolor vel ipsum. Sed bibendum nulla sit amet tristique faucibus. Ernest Hemingway
Some cats like to play with toys, while others prefer to nap in the sun.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consectetur, sapien at suscipit malesuada, ipsum erat lobortis ipsum, eget aliquam velit tortor sit amet lacus. Sed euismod, quam ac consequat pharetra, erat leo euismod metus, in rutrum libero dolor vel ipsum.
/* CSS */
body {
background-color: #FFEEEE;
font-family: Georgia, serif;
}
h1, h2 {
font-family: Arial, Helvetica, sans-serif;
}
h1 {
background-image: url(images/cat.png);
background-repeat: no-repeat;
background-size: contain;
}
h2 {
color: #800000;
}
.latin {
font-style: italic;
color: #800000;
}
p {
text-indent: 30px;
}
.author {
font-style: italic;
margin-top: 0;
}
.quote {
background-color: #FEFEE2;
margin: 0 30px 10px 30px;
padding: 10px;
width: 50%;
border: 1px dotted black;
}
.quote a {
color: black;
}
.quote a:hover {
color: red;
}