Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Sammlung der wichtigsten klassischen und häufig verwendeten CSS-Eigenschaften_Erfahrungsaustausch

WBOY
Freigeben: 2016-05-16 12:04:54
Original
1845 Leute haben es durchsucht

Text an beiden Enden ausrichten:

Code kopieren Der Code lautet wie folgt:

text-align :justify;
text-justify:inter-ideograph;


Float löschen:
Code kopieren Der Code lautet wie folgt:

.clear{clear:both;line-height:0;height:0;font-size:0;}


Floating-Pseudoklasse löschen:
Code kopieren Der Code lautet wie folgt:

.clearfix:after{content: " .";display: block;height: 0;clear: Both;visibility: versteckt;}


Eingestellt, um zu verhindern, dass Wörter unterbrochen werden
Code kopieren Der Code lautet wie folgt:

word-break: keep-all


Zeichen automatisch umbrechen
Code kopieren Der Code lautet wie folgt:

word-break:keep-all;word-break:break- all;word-wrap:break-word


Verwenden Sie die Zeilenhöhe, um vertikal zu zentrieren

Code kopieren Der Code lautet wie folgt:

line-height:24px;/*Bei Verwendung Wenn Sie einen Container mit fester Breite haben und eine Linie vertikal zentriert sein muss, verwenden Sie line-height (die Höhe ist dieselbe wie beim übergeordneten Container). Eine Zusammenfassung der vertikalen Zentrierung finden Sie hier.
*/


Container-Floats löschen

Code kopierenCode Wie folgt:

#main {overflow:hidden;}


Umbrechen von Links nicht zulassen

Code kopieren Der Code lautet wie folgt:

a {white-space:nowrap;}


Firefox immer Bildlaufleisten anzeigen lassen

Code kopieren Der Code lautet wie folgt:

html {overflow:- moz-scrollbars-vertical;}

Das Blockelement horizontal zentrieren

Code kopieren Der Code lautet wie folgt:

body, html {min-height:101%;} or margin:0 auto;
Bildlaufleiste des Explorer-Textbereichs ausblenden




Code kopieren Der Code lautet wie folgt:textarea {overflow:auto;}


Druckseite festlegen



Code kopieren Der Code lautet wie folgt:h2 {page-break-before:always;}/*Seitenumbruch beim Drucken von Webseiten festlegen*/


Entfernen Sie das gepunktete Kästchen auf dem Link



Code kopieren Der Code lautet wie folgt:a, area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none }


Der einfachste CSS-Reset


Code kopieren Der Code lautet wie folgt: * {margin: 0; padding: 0}/*Verwenden Dieses Attribut ist mit Vorsicht zu genießen. Obwohl es das Standardattribut eliminieren kann, hat es Auswirkungen auf das Browser-Rendering und ist auch nicht semantisch ausgedrückt. +/ >Der Code lautet wie folgt:

img{vertical-align:top;}

Atribut lutsinar

Salin kod Kodnya adalah seperti berikut:

penapis:alpha(opacity=50);

Tukar tetikus kepada bentuk tangan


kursor:tangan;

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage