HTML Elemente drehen

Werden die Werte mit einem Minus davor angegeben, drehen sie entgegen des Uhrzeigersinns.

Veröffentlicht am
Kategorisiert als Css/Scss/Less

Multiple Hintergründe

In einem html-Element können auch mehrere Hintergründe gesetzt werden. So kann auch ein Bild und ein Verlauf zusammen als Hintergrund gesetzt werden.

Veröffentlicht am
Kategorisiert als Css/Scss/Less

Farbverlauf im Hintergrund

Um als Hintergurnd einen Farbverlauf zu realisieren wäre das ein Beispiel Am einfachsten kann man die Verlaufswerte in Colorzilla bestimmen. Sehr schön sehen solche Verläufe auch bei einem hr aus. Siehe hier.

Veröffentlicht am
Kategorisiert als Css/Scss/Less

Rundungen anstelle von Ecken

Einst waren Runde Ecken die Königsklasse des Webdesigns und nur sehr schwer mit Grafiken oder verschachtelten Tabellen zu realisieren. Jetzt geht’s mit CSS einfacher. Einfache gerundete Ecken Jede Ecke anders

Veröffentlicht am
Kategorisiert als Css/Scss/Less

Pünktchen um Links

Unabhängig ob die Pünktchen um die Links sinnvoll oder sinnfrei sind. Abstellen kann man sie so…

Veröffentlicht am
Kategorisiert als Css/Scss/Less

LineBreaks / Zeilenumbrüche mit CSS steuern

Um nur Linebreaks per CSS zu steuern gibt es einige Möglichkeiten. Hier zwei davon. Beispieltext: In diesem Beispiel wird das br-Tag nur angezeigt wenn der Viewport kleiner 501px ist. Beispieltext: In diesem Beispiel wird vor dem Span-Tag ein Linebreak eingefügt wenn der Viewport kleiner 501px ist. Andernfalls wird vor dem Span-Tag ein Komma und ein… LineBreaks / Zeilenumbrüche mit CSS steuern weiterlesen

Veröffentlicht am
Kategorisiert als Css/Scss/Less

Einstellungen/Settings

Um die Settings zu öffnen, klickt man entweder unten links auf das Zahnrad > Einstellungen (Settings) oder drückt die Tastenkomination Strg & Komma. Dann sollten sich die Benutzer Einstellungen in einem geteilten Fenster öffnen. Oben recht befindet sich das Einstellungen Icon Klickt man hier drauf, kommt man zu den Einstellungen von Benutzer und dem Arbeitsbereich.… Einstellungen/Settings weiterlesen

Veröffentlicht am
Kategorisiert als vsc-tipps

Zeilenumbruch WordWrap im Editorfenster

Der Umbruch kann in den Einstellungen unter Text-Editor > Word Wrap eingestellt werden. – off = kein Umbruch– on = Automatischer Umbruch (nach 130 Zeichen)– wordWrapColumn = wie in settings.json eingestellt Wird in den Einstellungen wordWrapColumn ausgewählt, erfolgt automatisch ein Eintrag in der settings.json Hier muss dann noch der Wert eingetragen werden, bei dem der… Zeilenumbruch WordWrap im Editorfenster weiterlesen

Veröffentlicht am
Kategorisiert als vsc-tipps