| ... |
... |
@@ -26,11
+26,13 @@ |
| 26 |
26 |
|
| 27 |
27 |
Im CSS-Bereich steht ein intelligenter Editor bereit, der beim Schreiben von CSS unterstützt. Der Editor, welcher hier verwendet wird, nennt sich [[Monaco Editor>>url:https://microsoft.github.io/monaco-editor/index.html]]. Im folgenden seien kurz einige wesentliche Funktionalitäten erwähnt: |
| 28 |
28 |
|
| 29 |
|
-{{figure image="designer_advanced_css_colorpicker.png" width="500" float="none"}} |
|
29 |
+{{figure image="designer_advanced_css_colorpicker.png" width="500" float="left"}} |
| 30 |
30 |
Farben sind ein Grundmerkmal jeglicher Gestaltung. Wird mit der Maus über eine Farbe gefahren, öffnet sich der Farbwähler. Hier kann komfortabel eine Farbe ausgewählt werden. Zudem wird auch für jede Farbe immer eine Vorschau angezeigt. Dies ist wesentlich einfacher zu erkennen als ein hexadezimaler Farbcode. |
| 31 |
31 |
{{/figure}} |
| 32 |
32 |
|
| 33 |
|
- |
|
33 |
+{{figure image="designer_advanced_css_colorpicker.png" width="500" float="left"}} |
|
34 |
+Farben sind ein Grundmerkmal jeglicher Gestaltung. Wird mit der Maus über eine Farbe gefahren, öffnet sich der Farbwähler. Hier kann komfortabel eine Farbe ausgewählt werden. Zudem wird auch für jede Farbe immer eine Vorschau angezeigt. Dies ist wesentlich einfacher zu erkennen als ein hexadezimaler Farbcode. |
|
35 |
+{{/figure}} |
| 34 |
34 |
== Beispiele == |
| 35 |
35 |
|
| 36 |
36 |
Hier werden Standardwerte für das Formular gesetzt. In dem für das Formular eine Schriftgröße in Pixel gesetzt wird, können für alle anderen Elemente die CSS-Einheiten //em //bzw. //rem// verwendet werden. Wird später die Schriftgröße des Formulars geändert, ändern sich alle anderen Schriftgrößen proportional. |