Испытание: cпутники [23/23] Почему 99%

Курсы §19. Линейные градиенты
1 
html,
body {
  margin: 0;
  padding: 0;
}

body {
    width: 550px;
    height: 315px;
    background: url("/assets/course70/cosmos.jpg");
}

.moon {
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    box-shadow: 0 0 5px white;
}

.luna {
    top: 10px;
    left: 10px;
    background-image:
        linear-gradient(
        rgba(221, 221, 221, 0.5),
        rgba(221, 221, 221, 0.75));
    background-color: #ffdc00;
}

.umbriel {
    top: 10px;
    left: 180px;
    background-image:
        linear-gradient(
        rgba(0, 116, 217, 0.5),
        rgba(255, 255, 255, 0.25),
        rgba(0, 116, 217, 0.5)),
        
        linear-gradient(
        to right,
        rgba(0, 116, 217, 0.5),
        rgba(255, 255, 255, 0.25),
        rgba(0, 116, 217, 0.5));
    background-color: #dddddd;
}

.titan {
    top: 10px;
    left: 350px;
    background-image: 
        linear-gradient(
        rgba(255, 133, 27, 0.75),
        rgba(0, 0, 0, 0.75),
        rgba(255, 133, 27, 0.75));
    background-color: #dddddd;
}

.io {
    top: 165px;
    left: 10px;
    background-image:
        linear-gradient(
        rgba(0, 116, 217, 0.5),
        rgba(255, 133, 27, 0.25),
        rgba(0, 116, 217, 0.5)),
        
        linear-gradient(
        to right,
        rgba(0, 116, 217, 0.5),
        rgba(255, 133, 27, 0.25),
        rgba(0, 116, 217, 0.5));
    background-color: #dddddd;
}

.europa {
    top: 165px;
    left: 180px;
    background-image:
        linear-gradient(
        rgba(255, 133, 27, 0.5),
        rgba(255, 220, 0, 0.25),
        rgba(255, 255, 255, 0.5)),
        
        linear-gradient(
        to right,
        rgba(255, 133, 27, 0.5),
        rgba(255, 220, 0, 0.25),
        rgba(255, 255, 255, 0.5));
    background-color: #dddddd;
}

.triton {
    top: 165px;
    left: 350px;
    background-image:
        linear-gradient(
        rgba(0, 116, 217, 0.5),
        rgba(221, 221, 221, 0.75)),

        linear-gradient(#ffdc00, #ffffff);
    background-color: #dddddd;
}

image.jpg1920×1080 423 KB

2

Прикрепите скрин с открытой вкладкой “Различия”, пожалуйста.

1 лайк
5

Для последнего спутника background-color не нужен. Только в этом разница.

3 лайка
6

Спасибо за ответ.

7

Хотел у Вас спросить про <!DOCTYPE html> . Не важно если <!DOCTYPE html> писать маленькими буквами, например <!doctype html>. Нет никакой разницы, можно использовать и так и так?

8

В принципе не важно. Но я чаще видела, когда было написано большими.

1 лайк
9

Ineska, есть ли у Вас какие-нибудь советы по запоминанию информации? Сейчас прохожу курс про анимации, и например уже забыл про градиенты которые я проходил ранее, или text-shadow, и т.д. Просто по несколько раз проходить пока не запомню? А как делали вы, или другие люди? Вы хорошо запоминали с первого раза материал?

10

За других людей не могу отвечать…)
Кому-то полезно пройти некоторые курсы по нескольку раз. Лично мне больше помогает практика. Когда верстаешь макет, так или иначе всплывают задачи из разных курсов. И тогда начинаю искать информацию для решения конкретных проблем.
А всю теорию знать не обязательно, главное знать как пользоваться разными свойствами (я имею в виду “украшательства” вроде градиентов, теней и т. п.). Но это только мое мнение.

P.S. На форуме вы в последнее время обращаетесь лично ко мне. Но есть и другие участники. Активность здесь не очень большая, к сожалению. Но иногда бывают обсуждения. Не сводите обсуждение к диалогу 1 на 1. Обращайтесь к людям во множественном числе.

3 лайка
11

Да конечно, я понимаю что Вы тратите своё время помогая решать вопросы других. Постараюсь спрашивать и у других. Спасибо за ответ:relieved: