Register now or log in to join your professional community.
html, body {
padding: 0;
margin: 0;
font-family: roboto;
font-size: 15px;
color: #000;
background: transparent;
line-height: 23px;
}
a, a:hover, a:focus {
text-decoration: none;
}
ul, ol { list-style-type: none; margin: 0; padding: 0; }
body {background-color: blue;
}
p {
background-color: red;
width: 300px;
border: 25px solid #ff6347;
padding: 25px;
margin: 25px;
color: white;
text-align: center;
text-shadow: 3px 2px black;
position: absolute;
left: 20%;
top: 30%;
width: 50%;
text-align: center;
font-size: 18px;
}
@import url("something.css");
body {
margin: 0;
padding: 3em 6em;
font-family: tahoma, arial, sans-serif;
color: #000;
}
#navigation a {
font-weight: bold;
text-decoration: none !important;
}
search on youtube about elzer school
I would like to describe to you two scenarios.
RESPONSIVE:
there is a countable amount of screens.
Example:
Cross-browser compatibility:
Example:
firefox, internet explorer, chrome, safari
.class_name{
//chrome and safari
-webkit-border-radius:3px;
// firefox
-moz-border-radius:3px;
}
as you see every cross-browser compatibility applied that every company has there own set of parameters.
https://www.w3schools.com/css/
Good Luck
You Can See This Site
https://www.w3schools.com/css/
You will really benefit from it
https://learn.shayhowe.com/html-css/ i think help you