csss

Data utworzenia: 28-10-2024 11:03:10
/* * czyli wszystko */
/* margin na zewnatrz dokumentu o -> na zewnatrz kwadratu
    padding wewnatrz dokumentu do srodka kwadratu np */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    font-size: 24px; /* fz */
}

body{
    font-family: Arial, sans-serif; /* ffss */
    background-color: #222; /* bgc */
}

.square{
    width: 200px; /* w200 */
    /* jesli chce 200% to będzie w200p */
    height: 200px; /* h200 */
    background: #fff;

    /* przy dwóch wartościach góra,dół np 10px i prawo,lewo 0 to margin:10px 0 */
    margin: 10px 0;
    border: 2px solid blue;
    border-radius: 10px;
}

.pierwszy{
    background-color: rgb(26, 164, 26);
    border: 2px solid green;
    box-shadow: 5px 5px green;
}

.drugi{
    background-color: rgb(187, 125, 17);
    border: 2px solid rgb(116, 2, 2)
}

.trzeci{
    background-color: #e96b99;
    border: 2px solid rgb(235, 62, 62)
}

.czwarty{
    background-color: #3700ff;
    border: 2px solid blue
}

p{
    color:blueviolet;
}
.text{
    color:chartreuse;
}