Der Webdienst „Fonts“ von Google bietet die Möglichkeit relativ leicht Schriften auf der eigenen Webseite einzubinden. https://fonts.google.com/

Die Farbe der Fläche einer Box kann über #background-color oder #background bestimmt werden. Es gibt mehrere Möglichkeiten für die Bestimmung von Farbwerte. Verläufe können nur über #background zugewiesen werden. Die Webseite ccsmatic stellt ein schönes Tool für das Erstellen von Verläufen zur Verfügung. https://www.cssmatic.com/gradient-generator

Deswegen können alle Eigenschaften rund um #border auch angewendet werden. #border addiert sich neben #margin und #padding auf #width bzw. #height. Sollen Elemente die optisch gleiche Breite haben, obwohl sie bei gleicher #width unterschiedliche Stärken bei #border haben, gibt es nur eine Lösung: Ein Element muss angepasst werden.

Welche Maßeinheiten kann ich im CSS für Screen und Print benutzen?

Wie bestimme ich Farbe, Format, Kontur und Ausrichtung bei den Elementen?