Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung		 Vorherige Überarbeitung
informatik:html-css:html-css-bausteine [2020/04/01 10:41] – jonathan.pfeifferinformatik:html-css:html-css-bausteine [2020/06/10 18:59] (aktuell) – Externe Bearbeitung 127.0.0.1
Zeile 5: Zeile 5:
 ===== Lernvideos ===== ===== Lernvideos =====
  
-===== Menüleiste / Navigation Bar =====+==== Menüleiste / Navigation Bar ==== 
 +[[https://www.w3schools.com/css/css_navbar.asp]] 
 <code css> <code css>
  <ul>  <ul>
Zeile 15: Zeile 17:
 </code> </code>
  
 +{{ :informatik:html-css:bausteine-html-navigation-bar.mp4 |}}
 +
 +===== Misc =====
  
 ==== Farbkombinationen ==== ==== Farbkombinationen ====
Zeile 29: Zeile 34:
  
  
-===== Designvorlagen HTML/CSS =====+==== Designvorlagen HTML/CSS ====
  
   * html https://www.w3schools.com/html/default.asp   * html https://www.w3schools.com/html/default.asp
Zeile 39: Zeile 44:
      * Flexbox https://www.w3schools.com/css/css3_flexbox.asp / https://css-tricks.com/snippets/css/a-guide-to-flexbox/      * Flexbox https://www.w3schools.com/css/css3_flexbox.asp / https://css-tricks.com/snippets/css/a-guide-to-flexbox/
  
-===== Layout =====+==== Layout ====
   * Float https://www.w3schools.com/css/css_float.asp   * Float https://www.w3schools.com/css/css_float.asp
   * Grid https://www.w3schools.com/css/css_grid.asp    * Grid https://www.w3schools.com/css/css_grid.asp 
-  * +
  
 Inhalt in einer Box zentrieren: Inhalt in einer Box zentrieren:
Zeile 54: Zeile 59:
  
  
-===== Editor =====+==== Editor ====
   * notepad++ https://notepad-plus-plus.org/download/v7.6.html   * notepad++ https://notepad-plus-plus.org/download/v7.6.html
  
  
  
-===== Responsive Design =====+==== Responsive Design ====
 https://developer.mozilla.org/de/docs/Web/CSS/Media_Queries/Using_media_queries https://developer.mozilla.org/de/docs/Web/CSS/Media_Queries/Using_media_queries