CSS font-weight
Die CSS Eigenschaft font-weight gibt das Gewicht einer Schrift an. Mittels der Dicke bzw. Dünne können Texte optisch unterschiedlich gewichtet werden. Die übergebenen Werte des Schriftgewichts muss die...
View ArticleCSS font-variant
Mit der CSS Eigenschaft font-variant ist es möglich, alle Buchstaben groß darzustellen (Kapitälchen). Dabei werden Großbuchstaben noch etwas größer hervorgehoben. Die font-variant Eigenschaft sollte...
View ArticleCSS font – Schrift Kurzform
Die CSS font Eigenschaft beinhaltet alle CSS Eigenschaften für Schriftstile, die verwendet werden können. Um Platz zu sparen, kann anstatt mehrere Einzeleigenschaften auf die Kurzform font genutzt...
View ArticleCSS Grundlagen – Syntax von CSS
Recht einfach ist der Syntax in CSS gehalten. Doch diese Theorie ist sehr wichtig, um gleich erfolgreich mit CSS positive Ergebnisse zu erfahren. Was die Syntax genau ist und wie das System...
View ArticleCSS letter-spacing – Buchstabenabstand festlegen
Die CSS Eigenschaft letter-spacing dient zur Festlegung des Buchstabenabstandes bzw. Zeichenabstandes. Somit kann die Schrift enger zusammengerückt, oder gar weiter auseinandergerückt werden.The post...
View ArticleCSS line-height – Zeilenhöhe vergrößern und verkleinern
Die CSS Eigenschaft line-height regelt den Abstand von Zeilen. Damit können Textzeilen vergrößert oder auch verkleinert werden. Ähnlich ist die CSS Eigenschaft letter-spacing, welche den Zeichenabstand...
View ArticleCSS text-align – Texte ausrichten: mittig, links, rechts, Blocksatz
Mit der CSS Eigenschaft text-align ist es möglich, Texte auszurichten. Ausrichten heißt, an den linken oder rechten Rand, zentriert in der Mitte oder als Blocksatz. Wie du dies mit CSS machst, erfährst...
View ArticleCSS word-spacing – Wortabstand festlegen
Die CSS Eigenschaft word-spacing definiert den Abstand zwischen zwei Wörtern. Bei manchen Schriftarten, aber auch bei Überschriften oder Navigationselementen, macht diese Eigenschaft durchaus einigen...
View ArticleCSS text-decoration – Hyperlinks und Text –überstreichen, unterstreichen,...
Eine sehr häufig benutzte CSS Eigenschaft ist text-decoration, mit dieser wir Texte unterstreichen, überstreichen oder durchstreichen können. Aber auch noch etwas mehr ist damit möglich. Richtiger Sinn...
View ArticleCSS Tutorial: Farbübergang, Bild vor einem Text – Text optisch auslaufen lassen
Einen tollen Effekt nutze ich für eine meiner Seiten. Und zwar geht es darum, den überlangen Text nicht einfach abzuschneiden, sondern ein Bild darüber zu legen. Ein Bild mit Farbübergang und...
View ArticleCSS Sprites – Hintergrundbilder verschieben, Laden von Bildern beschleunigen...
Möchte der Webmaster oder SEO eine Seite beschleunigen, sollte bereits der Webdesigner die ersten Schritte dafür nutzen. Ich zeige in diesem CSS Tutorial wie du einen Bild-Hover Effekt erstellen kannst...
View ArticleCSS Sprites – Hintergrundbild verschieben und Hover-Effekt mit nur einem Bild...
Im Ersten Artikel haben wir uns einen Link erstellt, der ein Bild per CSS einfügt. Geht man mit der Maus über das Bild, wechselt dies zu einem anderen. Dies ist bei vielen grafischen Buttons so gemacht...
View ArticleCSS Sprites – Beispielcode, Vorschau und Download
In den ersten Beiden Tutorials hab ich dir gezeigt, wie du einen Hover Effekt mit Bildern realisieren kannst. Beide Beispiele haben den selben Effekt, nur die Umsetzung ist etwas anders. Im Ersten Teil...
View ArticleCSS: Bild mittig ausrichten und einrahmen
Mit diesem CSS Tutorial möchte ich eine Idee für das einrahmen eines Bildes geben. Zudem ist das erste Bild mittig positioniert und der Rahmen besitzt einen eigenen Hintergrund. Im dritten Bild...
View ArticleSchatten mit CSS: Text Schatten und Hintergrundschatten von Boxen
Im letzten Artikel haben wir uns mit Rahmen und abgerundeten Ecken (border-radius) beschäftigt. In diesem geht es um Schatteneffekte mit CSS. Dabei geben wir Texten einen Schatten, aber auch...
View Article
