You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

128 lines
2.2 KiB
CSS

/* CSS Rest Rule */
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
#div-3 {
background-color: skyblue;
border: 2px solid black;
height: 200px;
width: 200px;
}
#div-4 {
background-color: aquamarine;
border: 2px solid black;
height: 200px;
width: 200px;
}
#span-3 {
background-color: gray;
border: 2px solid black;
display: block;
}
#span-4 {
background-color: brown;
border: 2px solid black;
}
#span-5 {
background: yellow;
border: 3px solid black;
display: inline-block;
height: 300px;
width: 300px;
}
#span-6 {
background: orange;
border: 3px solid black;
display: inline-block;
height: 300px;
width: 300px
}
#div-5 {
background-color: pink;
border: 2px solid black;
display: inline-block;
height: 300px;
width: 300px
}
#div-6 {
background-color: violet;
border: 2px solid black;
display: inline-block;
height: 300px;
width: 300px
}
#div-8 {
background-color: lightcyan;
border: 2px solid black;
/* display: none; */
}
#span-7 {
background-color: lightgreen;
border: 2px solid black;
/* display: none; */
}
.box {
background-color: red;
border: 1px solid black;
margin: 5px;
}
.fifty-percent {
width: 50%;
}
.one-hundred-pixels {
width: 100px;
}
.parent {
width: 135px;
border: 2px solid navy;
}
.fifty-vw {
width: 50vw;
}
.twenty-five-vh {
height: 25vh;
}
.one-rem {
font-size: 1rem;
}
.one-em {
font-size: 1em;
}
.two-rem {
font-size: 2rem;
}
.two-em {
font-size: 2em;
}
/* CSS Background Properties */
.background {
min-height: 50rem;
/* content: url(https://c4.wallpaperflare.com/wallpaper/43/1003/707/anime-your-name-kimi-no-na-wa-mitsuha-miyamizu-wallpaper-preview.jpg); */
background-image: url(https://c4.wallpaperflare.com/wallpaper/43/1003/707/anime-your-name-kimi-no-na-wa-mitsuha-miyamizu-wallpaper-preview.jpg);
background-repeat: no-repeat;
background-size: 100%;
background-position: 10% 40%;
background-attachment: scroll /*and fixed*/;
}
.bg-title {
color: white;
text-align: center;
font-size: 5em;
margin: 0;
line-height: 35rem;
}
.container-bg {
background-color: rgba(0, 0, 0, .5);
min-height: 100vh;
}