Das Erstellen vertikal ausklappbarer Boxen ist einfach, deklarieren Sie einfach eine Breite in Ihrem div-CSS, aber keine Höhe. Das div wird so groß, wie es für den darin enthaltenen Inhalt sein muss. Es wird etwas komplizierter, wenn Sie …
Hat Ihr CSS jemals komisch auf Sie gewirkt, aber es sieht so aus, als hätten Sie alles perfekt gemacht? Es könnten Ihre HTML-Deklarationen sein, die Sie durcheinanderbringen. Manchmal, wenn Sie nur eine kleine Beispielseite zusammenstellen, …
Cascading Style Sheets (CSS) soll im Grunde **den Stil einer Webseite vom Inhalt trennen.** Das ist aus Gründen der Kontrolle sinnvoll, aber auch zur allgemeinen Code-Verschönerung. Schon ein kleiner Blick auf den CSS Zen Garden oder …
Footer auf Webseiten sind ein großartiger Ort, um Copyright-Informationen, Kontaktlinks und schnelle Navigationsmöglichkeiten unterzubringen. Besucher sind es gewohnt, am Ende von Seiten nach diesen Dingen zu suchen, warum also nicht helfen? …
Update November 2020: Ich denke, die bestmögliche Technik dafür ist Methode 4 in diesem Artikel. Der <div> (oder jedes andere Wrapper-Element) bleibt semantisch und zugänglich und ist gleichzeitig über die gesamte Fläche „klickbar“. Es bricht die Textauswahl nicht und …
Wir haben gerade über die Übelkeit von Javascript-basierten Rollovers gepostet. Wir haben Ihnen die Grundlagen gezeigt, wie man es stattdessen mit CSS macht, aber jetzt ist es an der Zeit, Nägel mit Köpfen zu machen und ein echtes Beispiel zu liefern.
Dieses …
* {
margin: 0;
padding: 0;
}
Diese Technik ist in letzter Zeit sehr beliebt geworden, und das aus gutem Grund. Sie entfernt alle Standard-Abstände (Margin und Padding) für jedes Objekt auf der Seite, ohne Einschränkungen, unabhängig vom Browser. Dies bietet …
Hier sind einige einfache Stile, die Sie verwenden können, wenn Sie eine GROSSE Überschrift benötigen.
h1.test1 {
font-family: Georgia, sans-serif;
font-size: 5em;
letter-spacing: -2px;
}
h1.test2 {
font-family: "Trebuchet MS", sans-serif;
font-size: 5em;
letter-spacing: -2px;
border-bottom: 2px solid black;
text-transform: uppercase;
Sie wissen also, dass Suchmaschinen wie Google, Yahoo und MSN hauptsächlich den **Textinhalt** Ihrer Seiten analysieren, um sie zu indizieren und ihre Relevanz für Suchanfragen zu ermitteln. Sie wissen auch, dass die Verwendung von Header-Tags wie <h1> in …