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