At Scrimba our goal is to create the best possible coding school at the cost of a gym membership! 💜 If we succeed with this, it will give anyone who wants to become a software developer a realistic shot at succeeding, regardless of where they live and the size of their wallets 🎉 The Frontend Developer Career Path aims to teach you everything you need to become a Junior Developer, or you could take a deep-dive with one of our advanced courses 🚀
Happy Coding!
https://developer.mozilla.org/en-US/docs/Glossary/semantics
<header>
Site title, logo and nav<section>
A stand-alone section<footer>
Copyright, Ts ^ Cs, etc.<main>
The page's unique content
When an element touches its parent, its top and bottom margins will merge with the margis of the parent element.
Solution: Use padding in the parent element.
https://css-tricks.com/almanac/properties/w/width/
width: 100%;
<p>
has the same font-size
set in body
<h2>
is 1.5x times the font-size
set in body
https://www.w3schools.com/css/css_pseudo_classes.asp
/* unvisited link */
a:link {
color: #FF0000;
}
/* visited link */
a:visited {
color: #00FF00;
}
/* mouse over link */
a:hover {
color: #FF00FF;
}
/* selected link */
a:active {
color: #0000FF;
}
https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration
Use Containers
<div class="container">
</div>
/* Typography */
/* links */
/* layout */
.section-two {
color: whitesmoke;
background-color: #5f29a3;
}
.section-two__img-container {
display: flex;
justify-content: space-between;
}
.section-two__img {
width: 300px;
border-radius: 4.6px;
}
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
CSS Points:
id > class > elements
Element selector = 1 Class selector = 10 Id selector = 100
- Buttons for actions that affect the website's front-end or back-end
- Links for navigation to somewhere on the same page, within the site, or elsewhere.
- Stack on top of each other.
div, p, h1
are all examples of block elements.- Set height and margin top and bottom
- Sit side by side.
span
anda
are examples of inline elements.- Can't set height and margin top and bottom.
- Sit side by side.
button
andinput
are examples of inline-block elements.- Set height and margin top and bottom