c2021/INF.03-01-25.01-SG
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: add MDN documentation links to CSS properties

Browse Source 
Co-authored-by: aider (openrouter/deepseek/deepseek-chat-v3.1) <aider@aider.chat>
This commit is contained in:
baiobelfer 2025-09-07 00:47:54 +02:00
parent 86863e1fd9
commit 3ea70349df
1 changed files with 36 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
css/layout.css
View File

@ -1,16 +1,23 @@
body {
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/font-family */
font-family: Helvetica;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/background-color */
background-color: #EAEAEA;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/margin */
margin: 0;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/padding */
padding: 0;
}
header {
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/position */
position: relative;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/text-align */
text-align: center;
}
header img {
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/width */
width: 100%;
}
@ -23,12 +30,19 @@ header img {
*/
.header-text {
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/position */
position: absolute;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/top */
top: 50%;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/left */
left: 50%;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/transform */
transform: translate(-50%, -50%);
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/color */
color: white;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/font-size */
font-size: 48px;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight */
font-weight: bold;
}
@ -37,9 +51,13 @@ nav (menu) i footer (stopka) mają ciemnoszare tło (#625B5B), biały tekst i pa
text-align: center – centruje zawartość.
*/
nav, footer {
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/background-color */
background-color: #625B5B;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/color */
color: white;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/padding */
padding: 20px;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/text-align */
text-align: center;
}
@ -54,12 +72,19 @@ border-radius: 20px – zaokrąglone rogi
text-decoration: none – usuwa podkreślenie linków
*/
nav a {
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight */
font-weight: bold;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/background-color */
background-color: #EAEAEA;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/color */
color: #625B5B;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/padding */
padding: 10px;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/margin */
margin: 50px;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius */
border-radius: 20px;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration */
text-decoration: none;
}
@ -68,8 +93,11 @@ Tło staje się ciemne, tekst jasny → efekt "przełączania"
border: 1px solid – dodaje obramowanie */
nav a:hover {
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/background-color */
background-color: #625B5B;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/color */
color: #EAEAEA;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/border */
border: 1px solid #EAEAEA;
}
@ -77,7 +105,9 @@ nav a:hover {
list-style-type: circle – kropki jako kółka */
ul {
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/margin */
margin-left: 40px;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type */
list-style-type: circle;
}
@ -87,19 +117,25 @@ margin-left: 40px – wcięcie od lewej
text-align: center – tekst w tabeli jest wyśrodkowany */
table {
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/border */
border: 1px dashed #625B5B;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/width */
width: 60%;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/margin */
margin-left: 40px;
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/text-align */
text-align: center;
}
/* Klasa .kontrolki – np. dla przycisków, daje mały margines. */
.kontrolki {
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/margin */
margin: 5px;
}
/* main – główna treść strony ma wewnętrzny odstęp 20px od brzegów. */
main {
/* Zobacz: https://developer.mozilla.org/en-US/docs/Web/CSS/padding */
padding: 20px;
}