Bausteine [HTML & CSS]

Internetpräsenz erstellen - Hilfreiche Links

https://www.w3schools.com/css/css_navbar.asp

 <ul>
  <li><a href="webseite1.html">Home</a></li>
  <li><a href="webseite2.html">News</a></li>
  <li><a href="webseite3.html">Contact</a></li>
  <li><a href="webseite4.html">About</a></li>
</ul> 

https://www.canva.com/learn/100-color-combinations/

• https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder
• CSS background-image Property https://www.w3schools.com/csSref/pr_background-image.asp

• https://www.w3schools.com/css/css_font.asp
• https://fonts.google.com/ google fonts

• html https://www.w3schools.com/html/default.asp
• css https://www.w3schools.com/css/default.asp
  • Navigation Bar https://www.w3schools.com/css/css_navbar.asp
  • Dropdown https://www.w3schools.com/css/css_dropdowns.asp
  • Bildergalerie https://www.w3schools.com/css/css_image_gallery.asp
  • Bildergalerie https://wiki.selfhtml.org/wiki/CSS/Tutorials/Bildergalerie
  • Flexbox https://www.w3schools.com/css/css3_flexbox.asp / https://css-tricks.com/snippets/css/a-guide-to-flexbox/

• Float https://www.w3schools.com/css/css_float.asp
• Grid https://www.w3schools.com/css/css_grid.asp

Inhalt in einer Box zentrieren:

display: flex;
align-items: center;
justify-content: center;

• notepad++ https://notepad-plus-plus.org/download/v7.6.html

https://developer.mozilla.org/de/docs/Web/CSS/Media_Queries/Using_media_queries

/* Mobile Styles */
@media only screen and (max-width: 400px) {
 
     }
 
/* Tablet Styles */
@media only screen and (min-width: 401px) and (max-width: 960px) {
 
}
 
/* Desktop Styles */
@media only screen and (min-width: 961px) {
    }