Skip to content

Выполнил домашнее задание №2 #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
golovanovv wants to merge 20 commits into
base: master
Choose a base branch
from
Open

Выполнил домашнее задание №2 #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
722399b
Выполнил задачу №1
golovanovv Mar 15, 2019
c12ccfd
Выполнил задачу №2
golovanovv Mar 15, 2019
e35bc02
Выполнил задачу №3
golovanovv Mar 15, 2019
592b82a
Выполнил задание №4
golovanovv Mar 15, 2019
a95d34f
Выполнил задание №5
golovanovv Mar 15, 2019
f339efc
Выполнил задачу №6
golovanovv Mar 15, 2019
4cac467
Выполнил задание №7
golovanovv Mar 15, 2019
707d2e6
Выполнил задание №8
golovanovv Mar 15, 2019
5d9dc70
Выполнил задание №9
golovanovv Mar 15, 2019
7bf0c47
Выполнил задание №10
golovanovv Mar 15, 2019
c11bbc4
Выполнил задание №11
golovanovv Mar 15, 2019
9c75b2d
Выполнил задание №12
golovanovv Mar 15, 2019
5df81d5
Выполнил задание №13
golovanovv Mar 15, 2019
9933dd8
Выполнил задание №14
golovanovv Mar 15, 2019
66844f9
Выполнил задание №15
golovanovv Mar 15, 2019
97a4bec
Выполнил задачу №16
golovanovv Mar 15, 2019
4b42288
Выполнил задание №17
golovanovv Mar 15, 2019
d868480
Выполнил задание №19
golovanovv Mar 15, 2019
39a2035
Выполнил задание №19
golovanovv Mar 15, 2019
f6e1a56
Выполнил задание №20
golovanovv Mar 15, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 15 additions & 1 deletion tasks/1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,21 @@ <h1 class="global-heading">&nbsp;</h1>
<main class="global-results">
<section class="global-result">
<style>
/* ваш код здесь... */
div:first-child {
background-color: #6698ff;
}

.c1 {
background-color: #ff6698;
}

#id {
background-color: #98ff66;
}

aside {
background-color: #6698ff;
}
</style>

<article class="global-scope">
Expand Down
8 changes: 7 additions & 1 deletion tasks/10.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,13 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.title:first-letter {
color: #ff6698;
}

.description:first-line {
color: #6698ff;
}
</style>

<section class="global-result">
Expand Down
12 changes: 11 additions & 1 deletion tasks/11.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,17 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
input[value="invalid-email"] {
border: 3px solid #ff6698;
}

input[value="email@yandex.ru"] {
border: 3px solid #98ff66;
}

input:focus {
border: 3px solid #6698ff;
}
</style>

<section class="global-result">
Expand Down
11 changes: 10 additions & 1 deletion tasks/12.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,16 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div {
background-color: #ffff66;
}

div:first-child,
div:nth-child(3),
div:nth-child(7),
div:nth-child(9) {
background-color: #ffb366;
}
</style>

<section class="global-result">
Expand Down
12 changes: 11 additions & 1 deletion tasks/13.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,17 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div:first-child div {
background-color: #ff6698;
}

div:nth-child(5) div:first-child {
background-color: #ff6698;
}

div:nth-child(9) div:first-child {
background-color: #ff6698;
}
</style>

<section class="global-result">
Expand Down
4 changes: 3 additions & 1 deletion tasks/14.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
li:before {
content: '+ ';
}
</style>

<section class="global-result">
Expand Down
4 changes: 3 additions & 1 deletion tasks/15.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
a[href$=".zip"]:after {
content: ' \2193';
}
</style>

<section class="global-result">
Expand Down
16 changes: 15 additions & 1 deletion tasks/16.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,21 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div:first-child {
background-color: #ff6698;
}

div.c1 {
background-color: #6698ff;
}

#id1 {
background-color: #ffb366;
}

div.c7 {
background-color: #ffff66 !important;
}
</style>

<section class="global-result">
Expand Down
9 changes: 8 additions & 1 deletion tasks/17.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,14 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
/*Не совсем понял задание. Опять таки - активные чекбоксы нужно изнутри стилизовать?*/
input[type="checkbox"] {
outline: 1px solid #ff6698;
}

input[type="checkbox"]:checked {
outline: none;
}
</style>

<section class="global-result">
Expand Down
8 changes: 7 additions & 1 deletion tasks/18.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,13 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div {
opacity: 0.5;
}

div:hover {
opacity: 1;
}
</style>

<section class="global-result">
Expand Down
24 changes: 23 additions & 1 deletion tasks/19.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,29 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div {
background-color: #ffb366;
}

div div {
background-color: #fff;
}

div:first-child div:last-child {
background-color: #98ff66;
}

div:nth-child(2) div:nth-child(2n) {
background-color:#ff6698;
}

div:nth-child(3) div:nth-child(2n-1) {
background-color: #6698ff;
}

div:last-child div:first-child {
background-color: #ffff66;
}
</style>

<section class="global-result">
Expand Down
13 changes: 12 additions & 1 deletion tasks/2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,18 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.c1 {
border: 2px solid #000;
background-color: #ff6698;
}

.c1:first-child {
background-color: #6698ff;
}

.c2 {
background-color: #ffb366;
}
</style>

<section class="global-result">
Expand Down
4 changes: 3 additions & 1 deletion tasks/20.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.red-gt2:not(:first-child):not(:nth-child(2)) div {
background-color: #ff6698;
}
</style>

<section class="global-result">
Expand Down
8 changes: 7 additions & 1 deletion tasks/3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,13 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.global-scope > div {
border: 2px solid #000;
}

div div {
background-color: #6698ff;
}
</style>

<section class="global-result">
Expand Down
4 changes: 3 additions & 1 deletion tasks/4.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.global-scope article:not(:first-of-type) {
border-top: 1px solid #000;
}
</style>

<section class="global-result">
Expand Down
6 changes: 5 additions & 1 deletion tasks/5.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,11 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
/*Чекбокс по заданию тоже нужно перекрашивать в синий?*/
.tab {
Copy link

@ZhiVV ZhiVV Mar 21, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

менять цвет фона и текста надо при выбранном чек-боксе.

background-color: #000;
color: #fff;
}
</style>

<section class="global-result">
Expand Down
9 changes: 8 additions & 1 deletion tasks/6.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,14 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
a[href="https://vk.ru"] {
color: #6698ff;
}

a[href="https://yandex.ru"],
a[href="https://market.yandex.ru/"] {
color: #ff6698;
}
</style>

<section class="global-result">
Expand Down
5 changes: 4 additions & 1 deletion tasks/7.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div:nth-child(2) img,
div:nth-child(3) img {
opacity: 0.2;
}
</style>

<section class="global-result">
Expand Down
6 changes: 5 additions & 1 deletion tasks/8.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,11 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
li:nth-child(2) a,
li:nth-child(5) a,
li:nth-child(6) a {
color: #ff6698;
}
</style>

<section class="global-result">
Expand Down
21 changes: 20 additions & 1 deletion tasks/9.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,26 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.link:first-child {
color: #6698ff;
}

.link:first-child:hover {
color: #ff6698;
}

.link:first-child:active {
color: #98ff66;
}


.link:first-child:visited {
color: #ffb366;
}

.link + .link:hover {
opacity: 0.5;
}
</style>

<section class="global-result">
Expand Down