From 0becfa7cdedd1ab4e903cb1b901095e7185d85ec Mon Sep 17 00:00:00 2001 From: Xsairo Date: Wed, 17 Dec 2025 00:02:00 +0400 Subject: [PATCH 1/2] Lab2 done --- StyleSheet2.css | 71 +++++++++++++++++++++++++++++++++++++++++++++++ lab2.html | 73 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 144 insertions(+) create mode 100644 StyleSheet2.css create mode 100644 lab2.html diff --git a/StyleSheet2.css b/StyleSheet2.css new file mode 100644 index 00000000..59ced282 --- /dev/null +++ b/StyleSheet2.css @@ -0,0 +1,71 @@ +.list { + list-style-type: disc; +} +.list__item { + padding: 5px; + transition: color 0.3s ease; +} + .list__item:hover { + color: #f83030; + } +.family { + display: block; +} +.family__parent { + margin: 10px; + padding: 5px; +} +.family__child { + padding: 5px; + margin: 5px 10px; +} +.family__parent--type-1 .family__child { + color: red; +} +.family__parent--type-2 { + color: orange; +} + .family__parent--type-2 .family__child { + color: #b4005a; + border: 1px dashed orange; + } +.family__parent--type-3, +.family__parent--type-3 .family__child { + color: initial; +} +.family__parent--type-2 ~ .family__parent--type-3, +.family__parent--type-2 ~ .family__parent--type-3 .family__child { + color: green; +} + .family__parent--type-2 ~ .family__parent--type-3 .family__child.family__child--child-from-p2 { + color: purple; + border: none; + } +.programming-text { + font-size: 16px; +} +.programming-text__link { + text-decoration: none; + color: inherit; + font-weight: bold; +} + .programming-text__link::after { + content: "🌐"; + font-size: 10px; + } +.programming-list { + position: relative; + padding-bottom: 20px; +} + .programming-list::after { + content: ""; + display: block; + width: 200px; + height: 50px; + margin-top: 20px; + background-image: url('https://ssau.ru/i/logo/logo-white-ru.svg'); + background-repeat: no-repeat; + background-size: contain; + background-color: royalblue; + border-radius: 3px; + } \ No newline at end of file diff --git a/lab2.html b/lab2.html new file mode 100644 index 00000000..6ce4903e --- /dev/null +++ b/lab2.html @@ -0,0 +1,73 @@ + + + + + + + Лабораторная работа №2 + + +

Лабораторная работа 2

+
+

Задание 1

+

Популярные стриминговые сервисы:

+ +
+
+

Задание 2

+
+
+

Parent 1

+
child 1
+
child 2
+
child 3
+
child 4
+
+ +
+

Parent 3

+
child 1
+
child 2
+
+ +
+

Parent 2

+
child 1
+
child 2
+
+ +
+

Parent 3

+
child 1
+
child 2
+
child 2
+
+
+
+
+
+

Задание 3

+

Языки программирования — это инструменты, с помощью которых разработчики создают программное обеспечение, веб-приложения, игры, алгоритмы и многое другое. Каждый язык имеет свои особенности, синтаксис и сферу применения. Ниже представлены некоторые из наиболее известных языков:

+
    +
  • Python – высокоуровневый язык с простым синтаксисом, популярный в Data Science, веб-разработке и автоматизации.
    • +
  • JavaScript – основной язык для фронтенд-разработки, работает в браузерах и на сервере (Node.js).
    • +
  • Java – объектно-ориентированный язык, широко используется в корпоративных приложениях и Android-разработке.
    • +
  • C++ – мощный язык для системного программирования, игр и высокопроизводительных приложений.
    • +
  • C# – язык от Microsoft, применяется в разработке под Windows, играх (Unity) и веб-приложениях.
    • +
  • Go (Golang) – созданный Google, язык для высоконагруженных сетевых сервисов и облачных технологий.
    • +
  • Ruby – известен благодаря фреймворку Ruby on Rails для веб-разработки.
    • +
  • Swift – язык Apple для разработки под iOS и macOS.
    • +
  • Kotlin – современный язык, официально поддерживаемый для Android-разработки.
    • +
  • Rust – язык системного программирования с акцентом на безопасность и производительность.
    • +
+

Это лишь малая часть из множества существующих языков, и выбор зависит от задач, которые нужно решить.

+
+
+ + \ No newline at end of file From b6e282ed56e49ad2d634317c7b604fb128a3d1ee Mon Sep 17 00:00:00 2001 From: Xsairo Date: Fri, 19 Dec 2025 01:47:19 +0400 Subject: [PATCH 2/2] fixed naming, programming list --- StyleSheet2.css | 39 +++++++++++++++++++++++++-------------- lab2.html | 30 +++++++++++++++--------------- 2 files changed, 40 insertions(+), 29 deletions(-) diff --git a/StyleSheet2.css b/StyleSheet2.css index 59ced282..b7c64a4f 100644 --- a/StyleSheet2.css +++ b/StyleSheet2.css @@ -11,51 +11,62 @@ .family { display: block; } -.family__parent { +.family__parent1 { margin: 10px; padding: 5px; } -.family__child { + +.parent1__child { padding: 5px; margin: 5px 10px; -} -.family__parent--type-1 .family__child { color: red; } -.family__parent--type-2 { +.family__parent2 { color: orange; + margin: 10px; + padding: 5px; } - .family__parent--type-2 .family__child { +.parent2__child { color: #b4005a; border: 1px dashed orange; - } -.family__parent--type-3, -.family__parent--type-3 .family__child { + padding: 5px; + margin: 5px 10px; +} +.family__parent3 { + margin: 10px; + padding: 5px; color: initial; } -.family__parent--type-2 ~ .family__parent--type-3, -.family__parent--type-2 ~ .family__parent--type-3 .family__child { +.parent3__child { + color: initial; + padding: 5px; + margin: 5px 10px; +} +.family__parent2 ~ .family__parent3, +.family__parent2 ~ .family__parent3 .parent3__child { color: green; } - .family__parent--type-2 ~ .family__parent--type-3 .family__child.family__child--child-from-p2 { +.family__parent2 ~ .family__parent3 .parent2__child { color: purple; border: none; - } +} .programming-text { font-size: 16px; } .programming-text__link { + list-style-type: none; text-decoration: none; color: inherit; font-weight: bold; } - .programming-text__link::after { + .programming-text__link::before { content: "🌐"; font-size: 10px; } .programming-list { position: relative; padding-bottom: 20px; + list-style-type: none } .programming-list::after { content: ""; diff --git a/lab2.html b/lab2.html index 6ce4903e..8657f1b5 100644 --- a/lab2.html +++ b/lab2.html @@ -22,31 +22,31 @@

Задание 1

Задание 2

-
+

Parent 1

-
child 1
-
child 2
-
child 3
-
child 4
+
child 1
+
child 2
+
child 3
+
child 4
-
+

Parent 3

-
child 1
-
child 2
+
child 1
+
child 2
-
+

Parent 2

-
child 1
-
child 2
+
child 1
+
child 2
-
+

Parent 3

-
child 1
-
child 2
-
child 2
+
child 1
+
child 2
+
child 2