U5 CSS-Box-Modell (AP_Wi_2016 MP)

bald mehr …

 

hier einige verwandte Artikel:

 

StyleStats: analysiert CSS

StyleStats: analysiert CSS

StyleStats: Dieses Tool analysiert CSS auf nützliche Informationen wie Farbwerte und Schriftgrößen Ihr möchtet euch einen schnellen Überblick über die wichtigsten CSS-Informationen einer Website machen? Dann könnte StyleStats das Mittel eurer Wahl sein. Welche Farben sind auf einer Website definiert? Welche Schriftgrößen und wie viele Media-Queries werden genutzt? Das könntet ihr natürlich alles in dem…

[Weiterlesen]

CSS-Diner: Nerd-Spiel mit CSS-Selektoren für zwischendurch

CSS-Diner: Nerd-Spiel mit CSS-Selektoren für zwischendurch

CSS Diner ist ein kleines Spiel, bei dem ihr mit CSS-Selektoren verschiedene Elemente aus einer interaktiven Grafik auswählen müsst. In diesem Artikel zeigen wir euch, warum dieses Spiel nicht unbedingt für Anfänger geeignet ist.   CSS-Diner: Nerd-Spiel mit CSS-Selektoren für zwischendurch   CSS-Diner kürt dich zum Gott. (Grafik: CSS-Diner) „CSS Diner“ präsentiert sich in 26…

[Weiterlesen]

CeBIT Relaunch – Responsive. Flat. Fun.

CeBIT Relaunch – Responsive. Flat. Fun.

Die CeBIT erhält ein neues digitales Profil – und eine neue Website. Getreu dem Motto „Mobile First“ wurde die cebit.com im Responsive Design umgesetzt – sprich alle Inhalte sind unabhängig vom Endgerät von Desktop über Tablet bis Smartphone gleichermaßen abrufbar. Jedoch nicht nur das Design wurde überarbeitet; auch die gesamte inhaltliche Strategie wurde neu ausgerichtet….

[Weiterlesen]

Flexbox im Praxiseinsatz

Flexbox im Praxiseinsatz

 

Hover.css: 50 Hover-Effekte für deine Webseite

Hover.css: 50 Hover-Effekte für deine Webseite

Hover.css: 50 Hover-Effekte für deine Webseite Hover.css bietet dir eine Sammlung von Hover-Effekten, die du auf verschiedene Elemente deiner Website anwenden kannst. Heute stellen wir dir diese kleine, aber feine CSS-Bibliothek kurz vor.   Mit CSS3 stehen Webworkern viele Möglichkeiten zur Verfügung, um Websites noch spannender zu gestalten. Eines der interessantesten Features sind CSS-Transitions, die…

[Weiterlesen]

CSS-Regions vor dem Aus: Google und Opera stellen sich gegen die Adobe-Technik

CSS-Regions vor dem Aus: Google und Opera stellen sich gegen die Adobe-Technik

CSS-Regions vor dem Aus: Google und Opera stellen sich gegen die Adobe-Technik Google- und Opera-Entwickler sehen keine Zukunft für CSS-Regions in der Blink-Engine. Bei Google sieht man in der Unterstützung vor allem ein Performance-Hindernis. CSS-Regions basiert auf einem Vorschlag von Adobe und soll komplexe Layouts im Web ermöglichen. So lässt sich damit Fließtext über verschiedene…

[Weiterlesen]

Das Boxmodell

Das Boxmodell

Regeln des Box-Modells: Dimensionen mit padding, border und margin Das Box-Modell ist die Grundlage für das grafische Layout und die Berechnung der Dimensionen von Elementen mit CSS. Jedes HTML-Element – gleich ob body, div, p, table, a oder span … – wird im Box-Modell als rechteckige Box betrachtet. Die einfache Angabe der Breite allein reicht…

[Weiterlesen]

HTML & CSS (Videos)

Das Boxmodell: Die Navigation: Headerbild: Spaltenlayout: Inhalte:

CSS-Boxmodell (Videos)

Video zu CSS-Sprites

<iframe width=“560″ height=“315″ src=“//www.youtube.com/embed/Gtzx5hzDI0Y?rel=0″ frameborder=“0″ allowfullscreen></iframe>

Screenlayout berechnen – Screendesign optimieren

Einen interessanten Artikel zum Thema Screenlayout findet ihr hier: http://www.pahl-4u.de

CSS-Bibliotheken und Frameworks

CSS-Bibliotheken und Frameworks

7 CSS-Bibliotheken und Frameworks, von denen du gehört haben solltest CSS-Bibliotheken und Frameworks ersparen viel Zeit beim Entwickeln von Web-Projekten. Wir haben sieben Frameworks zusammen getragen, von denen man schon mal gehört haben sollte. CSS-Bibliotheken und Frameworks sind nützliche Wegbegleiter, wenn es darum geht neue Websites zu erstellen. Einige Bibliotheken beinhalten nur die wichtigsten Elemente,…

[Weiterlesen]

Intention.js im Überblick

Intention.js im Überblick

Das nächste Level im Responsive Design? Intention.js im Überblick Autor: Mario Janschitz Datum: 15.10.2013, 08:30 Uhr Responsive Design ist in aller Munde. Zurecht. Neben Media Queries, spannenden HTML-Konstrukten und diversen Scripts gibt es jetzt intention.js: HTML-Transformation für verschiedene Ausgabegeräte. In einfachen Worten und aus technischer Sicht kann gesagt werden, dass im Responsive Design Media-Queries genutzt…

[Weiterlesen]

Webdesign-Grundlagen für mobile Websites

Webdesign-Grundlagen für mobile Websites

Praxis-Guide: Webdesign-Grundlagen für mobile Websites Aus dem t3n Magazin Nr. 28 06/2012 – 08/2012 Autor: Jonas Hellwig Online gestellt: 02.11.2012 Das Web ist mobil und Trends wie Responsive Webdesign sind in aller Munde. Doch es gibt auch andere mobile Ansätze und der Weg zur perfekten mobilen Website ist steinig. Wir zeigen, welche konzeptionellen und gestalterischen…

[Weiterlesen]

Prüfungsvorbereitung NonPrint

Da ich hier speziell für den Printbereich Beiträge sammele oder erstelle, möchte ich an dieser Stelle auf eine interessante Seite verweisen: http://tarcgn.de/mediengestalter/

CSS Box Modell Hierarchie

CSS Box Modell Hierarchie

CSS Box Modell Hierarchie Das CSS-Box Modell besteht aus mehreren Eben. Zum besseren Verständnis ist es 3-Dimensional hier aufgebaut.   Schauen wir uns den Aufbau nun Schritt für Schritt an. Der HTML-Code – dort steht außer dem Inhalt, also dem Text, nicht viel: <p> Hier kommt der Inhalt des … </p> Im Browser angezeigt bekommen…

[Weiterlesen]

Media Query

Linkliste: Artikel zum Thema Media Query