Skip to content

HTML-3 #8

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
darkside1102 wants to merge 20 commits into
base: master
Choose a base branch
from
Open

HTML-3 #8

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
d5f655e
Соловьев И.С.
darkside1102 Mar 17, 2019
b3999be
Соловьев И.С.
darkside1102 Mar 17, 2019
7851270
Соловьев И.С.
darkside1102 Mar 17, 2019
911cc9f
Соловьев И.С.
darkside1102 Mar 17, 2019
de7abf0
Соловьев И.С.
darkside1102 Mar 17, 2019
53274d1
Соловьев И.С.
darkside1102 Mar 17, 2019
fa6a53f
Соловьев И.С.
darkside1102 Mar 17, 2019
b344bd4
Соловьев И.С.
darkside1102 Mar 17, 2019
4c7fb13
Соловьев И.С.
darkside1102 Mar 17, 2019
8c13b2b
Соловьев И.С.
darkside1102 Mar 18, 2019
bb1f2c6
Соловьев И.С.
darkside1102 Mar 18, 2019
fad406b
Соловьев И.С.
darkside1102 Mar 18, 2019
4e79923
Соловьев И.С.
darkside1102 Mar 18, 2019
32b30f3
Соловьев И.С.
darkside1102 Mar 18, 2019
78d2d6d
Соловьев И.С.
darkside1102 Mar 18, 2019
8991fcb
Соловьев И.С.
darkside1102 Mar 18, 2019
af77625
Соловьев И.С.
darkside1102 Mar 18, 2019
c4f5eb0
Соловьев И.С.
darkside1102 Mar 18, 2019
8c56db1
Соловьев И.С.
darkside1102 Mar 18, 2019
39166a8
Соловьев И.С.
darkside1102 Mar 18, 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
10 changes: 9 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,15 @@ <h1 class="global-heading">&nbsp;</h1>
<main class="global-results">
<section class="global-result">
<style>
/* ваш код здесь... */
div, aside {
background-color: #7babff;
}
.c1 {
background-color: hotpink;
}
div#id {
background-color: palegreen;
}
</style>

<article class="global-scope">
Expand Down
17 changes: 16 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,22 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.title {
font-weight: bold;
}

.title:first-letter {
color: #ff6599;
font-weight: bold;
}

.description {
font-weight: bold;
}

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

<section class="global-result">
Expand Down
11 changes: 10 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,16 @@ <h1 class="global-heading">&nbsp;</h1>

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

</style>

<section class="global-result">
Expand Down
10 changes: 9 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,15 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div {
background-color: #ffff00;
}
div:first-child,
div:nth-child(3),
div:nth-child(7),
div:nth-child(9) {
background-color: #ffb365;
}
</style>

<section class="global-result">
Expand Down
5 changes: 4 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,10 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div:nth-of-type(4n+1) > div:first-of-type {
background-color: #ff6698;
}

</style>

<section class="global-result">
Expand Down
7 changes: 6 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,12 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
li {
font-weight: bold;
}
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: '↓';
}
</style>

<section class="global-result">
Expand Down
13 changes: 12 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,18 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.global-scope div {
background-color: #ff6698;
}
.global-scope .c1 {
background-color: #6797ff;
}
.global-scope #id1 {
background-color: #ffb365;
}
.c7 {
background-color: #ffff65 !important;
}
</style>

<section class="global-result">
Expand Down
8 changes: 7 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,13 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
input[type='checkbox']:nth-child(5):checked ~ input[type='checkbox'] {
outline: 1px solid #ff6698;
}
input[type='checkbox']:nth-child(5):checked ~ input[type='checkbox']:nth-child(8):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
19 changes: 18 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,24 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div{
background-color: #ffb365;
}
div div {
background-color: #ffffff;
}
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: #6797ff;
}
div:last-child div:first-child {
background-color: #ffff65;
}
</style>

<section class="global-result">
Expand Down
14 changes: 13 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,19 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.c1 {
border: 2px solid black;
background-color: #76afff;
}
.c2 {
background-color: #ffb365;
}
.c1.c2 {
background-color: #76afff;
}
div.c1 {
background-color: #ff6698;
}
</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
7 changes: 6 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,12 @@ <h1 class="global-heading">&nbsp;</h1>

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

<section class="global-result">
Expand Down
7 changes: 6 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,12 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
article + article {
border-top: 1px solid black;
}
article {
font-weight: bold;
}
</style>

<section class="global-result">
Expand Down
5 changes: 4 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,10 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
input[type="checkbox"]:checked ~ .tab {
background-color: #000;
color: #fff;
}
</style>

<section class="global-result">
Expand Down
7 changes: 6 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,12 @@ <h1 class="global-heading">&nbsp;</h1>

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

<section class="global-result">
Expand Down
8 changes: 7 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,13 @@ <h1 class="global-heading">&nbsp;</h1>

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

div:nth-child(3) {
opacity: 0.2;
}
</style>

<section class="global-result">
Expand Down
7 changes: 6 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,12 @@ <h1 class="global-heading">&nbsp;</h1>

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

<section class="global-result">
Expand Down
33 changes: 25 additions & 8 deletions tasks/9.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,35 +3,52 @@
<head>
<title>CSS-селекторы</title>
<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="../global.css">
</head>
<body>
<h1 class="global-heading">&nbsp;</h1>
<p>Решите задачу, используя <code>color: &lt;color&gt;</code> и <code>opacity: &lt;value&gt;</code></p>

<main class="global-results">
<style>
/* ваш код здесь... */
</style>
.link[href] {
color: #6da6ff;
}

.link[href]:hover {
color: hotpink;
}

.link[href]:hover + .link {
opacity: 0.5;
}

.link[href]:active {
color: #9dff66;
}

.link[href]:active + .link {
opacity: 1;
}

.link[href]:visited {
color: #ffb466
}

</style>
<section class="global-result">
<article class="global-scope">
<a class="link" href="https://ya.ru">link</a>
<a class="link">pseudolink</a>
</article>
</section>

<section class="global-result">
<img class="global-goal">
</section>
</main>

<nav class="global-nav">
<a class="global-prev">Предыдущее</a>
<a class="global-next">Следующее</a>
</nav>

<script src="../global.js"></script>
</body>
</html>
</html>