CSS: Text gestalten

Würde ich alles zeigen, was mit Texten möglich ist (in Kombi mit CSS), würde das hier auf jeden Fall den Rahmen sprengen. Deshalb soll es jetzt nicht darum gehen alles bund, blinkend und grell zu machen (:D), sondern so, dass es angenehm zu lesen ist. 😉

Vorab

Wie könnte man einen Text gut lesbar machen ? Dies ist mit einfachen Dingen, wie Schriftart und Schriftgröße möglich. Aber auch Kleinigkeiten können zum angenehmen Lesen führen: Zeilenabstand, Schriftfarbe. Schriftfarbe, indem man keinen tiefes Schwarz nimmt (#000), sondern lieber ein dunkles Grau (#222) :))

Quellcodeee

<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
	&lt;title&gt; Text gestalten / CSS Beispiel &lt;/title&gt;&lt;/title&gt;<br />
	&lt;style type=&quot;text/css&quot;&gt;<br />
		.gestaltet {<br />
			font-family: Arial;<br />
			font-size: 16px;<br />
			color: #222;<br />
			line-height: 24px;<br />
		}<br />
	&lt;/style&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
	&lt;div style=&quot;max-width:600px;&quot;&gt;<br />
		&lt;h3&gt; Text ohne Gestaltung &lt;/h3&gt;<br />
		&lt;p&gt; Das hier ist echt ein netter Platzhalter, findest du nicht ? CSS macht HTML schön, aber du findest auf coder-tim.de auch noch<br />
			Tutorials über PHP. Das ist auch echt nice... Irgendwie wird das ganze hier grade zu einem Monolog. Und ich fürchte, die Rechtschreibung<br />
			bleibt da etwas auf der Strecke. Was soll's ? Wer weiß, ob jemand den Text hier überhaupt ließt... Vielleicht ja, vielleicht nein.<br />
			Aber eigentlch macht es auch keinen Sinn, sich irgendwas aus den Fingern zu ziehen, oder ? Wenn es zu einem Thema nicht viel/genug zu sageb<br />
			gibt, brauch man auch nicht weiter drüber reden, findest du nicht auch ?&lt;/p&gt;<br />
		&lt;h3&gt; Text mit Gestaltung &lt;/h3&gt;<br />
		&lt;p class=&quot;gestaltet&quot;&gt; Das hier ist echt ein netter Platzhalter, findest du nicht ? CSS macht HTML schön, aber du findest auf coder-tim.de auch noch<br />
			Tutorials über PHP. Das ist auch echt nice... Irgendwie wird das ganze hier grade zu einem Monolog. Und ich fürchte, die Rechtschreibung<br />
			bleibt da etwas auf der Strecke. Was soll's ? Wer weiß, ob jemand den Text hier überhaupt ließt... Vielleicht ja, vielleicht nein.<br />
			Aber eigentlch macht es auch keinen Sinn, sich irgendwas aus den Fingern zu ziehen, oder ? Wenn es zu einem Thema nicht viel/genug zu sageb<br />
			gibt, brauch man auch nicht weiter drüber reden, findest du nicht auch ?&lt;/p&gt;<br />
	&lt;/div&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />

Ansehen

Erklärung: Du siehst zwei Texte. Der obere ist einfach „normaler“ Text, so wie er halt aussieht, wenn dein Browser ihn ohne CSS-Einwirkung darstellt. Der untere ist einfach mit den Tipps und Tricks von oben bearbeitet.

Ich merke gerade: Mehr gibt’s da gar nicht zusagen 😀 Ups… Ich denke dieser kleine aber feine Quelltext erklärt sich von selbst (falls nicht ⇒ ab in die Kommentare mit deinen Fragen :D). Naja gut, das läuft dann wieder unter dem Tag kurzundknackig… aber diesmal vom Feinsten 😀

 

Du willst deinen Senf dazugeben ? Schau mal unter die Autor-Infos 😉  ⇓⇓⇓

<Tim Poerschke />

Was denkst du über diesen Post?
  • Gut (0)
  • Hilfreich (0)
  • Nicht gut (0)
  • Lustig 😀 (0)

von | Kategorie: Programmierung
Schlagwörter: // // //

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

+ 82 = 89