This commit is contained in:
AK
2026-09-24 01:02:55 +03:00
parent 8804bba801
commit 8f7f3af337
2 changed files with 35 additions and 38 deletions
+16 -24
View File
@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Лабораторная работа №1</title> <title>Лабораторная работа №1</title>
<style> <style>
/* Демонстрация наследования (Inheritance) - шрифт наследуется всеми элементами */
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: #ffffff; background-color: #ffffff;
@@ -14,19 +14,16 @@
margin: 0; margin: 0;
} }
/* Селектор идентификатора (ID Selector) */
#layout-table { #layout-table {
width: 800px; width: 800px;
margin: 0 auto; margin: 0 auto;
border-collapse: collapse; border-collapse: collapse;
} }
/* Селектор элементов (Element selector) */
table, th, td { table, th, td {
border: 1px solid #000000; border: 1px solid #000000;
} }
/* Оформление шапки: Явным образом задать шрифт (monospace), цвет и размер */
#header { #header {
background-color: #eeeeee; background-color: #eeeeee;
color: #000000; /* Каскадирование */ color: #000000; /* Каскадирование */
@@ -36,39 +33,36 @@
font-size: 16px; font-size: 16px;
} }
/* Каскадирование (Cascading) */
#header span.variant { #header span.variant {
font-weight: bold; font-weight: bold;
color: #cc0000; color: #cc0000;
} }
/* Селектор классов (Class selector) */
.content-cell { .content-cell {
padding: 15px; padding: 15px;
vertical-align: top; vertical-align: top;
width: 50%; width: 50%;
} }
/* Селектор дочерних элементов (Child Selector `>`) */
#point-form > .form-group { #point-form > .form-group {
margin-bottom: 20px; /* Отступы в px */ margin-bottom: 20px;
padding: 10px; /* Отступы в px */ padding: 10px;
border: 1px dashed #aaaaaa; border: 1px dashed #aaaaaa;
} }
.checkbox-group label { .checkbox-group label {
margin-right: 15px; /* Отступ в px */ margin-right: 15px;
} }
#point-form input[type="text"] { #point-form input[type="text"] {
margin-left: 10px; /* Отступ в px */ margin-left: 10px;
padding: 4px; /* Отступ в px */ padding: 4px;
width: 120px; width: 120px;
} }
.r-button { .r-button {
margin-right: 10px; /* Отступ в px */ margin-right: 10px;
padding: 5px 10px; /* Отступ в px */ padding: 5px 10px;
background-color: #dddddd; background-color: #dddddd;
border: 1px solid #888888; border: 1px solid #888888;
cursor: pointer; cursor: pointer;
@@ -80,14 +74,14 @@
} }
#submit-btn { #submit-btn {
margin-top: 15px; /* Отступ в px */ margin-top: 15px;
padding: 8px 16px; /* Отступ в px */ padding: 8px 16px;
cursor: pointer; cursor: pointer;
} }
#clear-history-btn { #clear-history-btn {
padding: 5px 10px; /* Отступ в px */ padding: 5px 10px;
margin-bottom: 10px; /* Отступ в px */ margin-bottom: 10px;
cursor: pointer; cursor: pointer;
} }
@@ -95,13 +89,13 @@
color: red; color: red;
font-size: 12px; font-size: 12px;
display: block; display: block;
margin-top: 5px; /* Отступ в px */ margin-top: 5px;
} }
.global-error { .global-error {
color: red; color: red;
font-weight: bold; font-weight: bold;
margin-bottom: 10px; /* Отступ в px */ margin-bottom: 10px;
} }
.table-scroll-container { .table-scroll-container {
@@ -111,11 +105,11 @@
#results-table th { #results-table th {
background-color: #eeeeee; background-color: #eeeeee;
padding: 8px; /* Отступ в px */ padding: 8px;
} }
#results-table td { #results-table td {
padding: 8px; /* Отступ в px */ padding: 8px;
text-align: center; text-align: center;
} }
@@ -123,7 +117,6 @@
text-align: center; text-align: center;
} }
/* Пасхалка */
#oscar-easter-egg { #oscar-easter-egg {
position: fixed; position: fixed;
bottom: -350px; bottom: -350px;
@@ -220,7 +213,6 @@
</tr> </tr>
</table> </table>
<!-- Пасхалка -->
<img id="oscar-easter-egg" src="assets/oscar.png" alt="Toasty"> <img id="oscar-easter-egg" src="assets/oscar.png" alt="Toasty">
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>
+5
View File
@@ -0,0 +1,5 @@
1. поле ввода функции (кастомизация области попадания) модуль, тригонометрия, степень
2. изменение отрисовки и точек попадания относительно r
3. div убрать, дотабличить вёрстку <- в работе
4. На пустые значение не ругаться
5. отчёт