I did a lot of research!
Without research, you would'nt be looking at this right now! On this page, I will be showing you just a portion of the stuff. There will be some of the resources I used, and some of the books I read.
I used research to do all of this:
html {
background: repeating-radial-gradient(rgb(210, 103, 15), rgb(23, 225, 40) 20px);
background-size: 8px 8px;
padding: 24px;
}
body {
font-size: 16px;
background-color: #00E600;
border: 6px solid lightseagreen;
border-radius: 16px;
padding: 24px;
margin-left: auto;
margin-right: auto;
}
h1 {
color: blue;
font-size: 3.5rem;
}
h2 {
font-size: 2.3rem;
color: blue;
text-align: center;
}
h3 {
color: blue;
}
p {
font-size: 1.9rem;
color: blue;
}
img {
width: 450px;
max-width: 100%;
border: 7px solid #111111;
border-radius: 30px;
}
li {
font-size: 1.9rem;
color: blue;
}
nav ul {
list-style-type: none;
background-color: maroon;
border: 4px solid yellow;
border-radius: 10px;
font-family: sans-serif;
font-weight: bold;
padding: 16px;
}
nav ul li {
display: inline;
border-right: 2px solid yellow;
padding-right: 8px;
padding-left: 8px;
}
nav ul li:last-child {
border-right: none;
}
nav ul li a {
text-decoration: none;
color: red;
}
nav ul li a:hover {
text-decoration: underline;
color: yellow;
}
nav li.selected {
color: #606060;
}
head {
background-color: yellow;
}
footer {
background-color: purple;
border-radius: 7px;
font-size: 35px;
text-align: center;
}
article {
background-color: aqua;
border-radius: 7px;
padding-left: 15px;
padding-right: 15px
}
aside {
font-size: x-large;
background-color: orange;
position: absolute;
}
header {
background-color: red;
}
section {
background-color: aquamarine;
border-radius: 7px;
border: 4px solid yellowgreen;
margin-bottom: 5px;
}
I know that that looks like a lot of stuff that came from an alien language, but once you know it, it's easy.
By the way, that is CSS. [Cascading Style Sheets]