Zusammenfassung der praktischen Methoden von CSS3 (empfohlen)

Zusammenfassung der praktischen Methoden von CSS3 (empfohlen)

1. Abgerundeter Rand:

CSS- CodeInhalt in die Zwischenablage kopieren
  1. Rahmenradius : 4px ;

2.Boxschatten:

CSS- CodeInhalt in die Zwischenablage kopieren
  1. Kastenschatten: 5px   5px   3px   #000 ; /* Die Parameter sind Ausdehnungsdistanz nach rechts, Ausdehnungsdistanz nach unten, Schattenbreite, Farbe*/   

3. Größe des Hintergrundbildes:

CSS- CodeInhalt in die Zwischenablage kopieren
  1. div{
  2. Hintergrund : URL (bg_flower.gif);
  3. -moz- Hintergrund – Größe : 63px   100px ; /* Ältere Versionen von Firefox */   
  4. Hintergrund – Größe : 63px   100px ;
  5. Hintergrundwiederholung : keine Wiederholung ;
  6. }

4. Standort des Hintergrundbilds

CSS- CodeInhalt in die Zwischenablage kopieren
  1. div{
  2. Hintergrund : URL (bg_flower.gif);
  3. Hintergrundwiederholung : keine Wiederholung ;
  4. Hintergrund – Größe : 100 % 100 %;
  5. -webkit- Hintergrund -Origin: Inhalt -Box; /* Safari */   
  6. Hintergrund - Herkunft: Inhalt - Box; /*Rahmen-Box, Polster-Box*/   
  7. }

5. Textschatten

CSS- CodeInhalt in die Zwischenablage kopieren
  1. Textschatten : 5px   5px   3px   #000 ; /*Die Parameter sind die Ausdehnungsdistanz nach rechts, die Ausdehnungsdistanz nach unten, die Schattenbreite und die Farbe */   

6. Erzwingen Sie den automatischen Zeilenumbruch

CSS- CodeInhalt in die Zwischenablage kopieren
  1. P {
  2. Zeilenumbruch: Wortumbruch;
  3. }

7. Spalte

CSS- CodeInhalt in die Zwischenablage kopieren
  1. div{
  2. column-gap: 3px ; /* Länge der Lücke zwischen den Spalten */   
  3. -moz-Spaltenanzahl:3; /* Firefox */   
  4. -webkit-column-count:3; /* Safari und Chrome */   
  5. Spaltenanzahl: 3;
  6. }

Die obige Zusammenfassung der praktischen CSS3-Methoden (empfohlen) ist der gesamte Inhalt, den der Herausgeber mit Ihnen teilt. Ich hoffe, er kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen.

Original-URL: http://www.cnblogs.com/daisykoo/archive/2016/05/24/5522362.html

<<:  Detaillierte Erklärung der drei Möglichkeiten zum Festlegen von Rahmen in HTML

>>:  Detaillierte Erklärung der Tastaturereignisse von Vue

Artikel empfehlen

Detaillierte Erklärung zu Padding und Abkürzungen im CSS-Boxmodell

Wie oben gezeigt, sind Füllwerte zusammengesetzte...

Detailliertes Tutorial zur Installation der dekomprimierten Version von MySQL 5.7.19 auf Windows Server 2016

Das Installations-Tutorial für die dekomprimierte...

Nginx-Konfiguration 80 Portzugriff 8080 und Analyse der Projektnamenadressenmethode

Tomcat greift auf das Projekt zu, normalerweise I...

Implementierung der Nginx-Flusskontrolle und Zugriffskontrolle

Nginx-Verkehrskontrolle Die Ratenbegrenzung ist e...

Grafisches Tutorial zur Installation und Konfiguration der Dekomprimierungsversion von MySQL 8.0.17

Ich werde die Probleme aufzeichnen, die während d...

Analyse des Prinzips von Nginx unter Verwendung des Lua-Moduls zur Implementierung von WAF

Inhaltsverzeichnis 1. Hintergrund von WAF 2. Was ...

So verwenden Sie Nginx zum Erstellen eines statischen Ressourcenservers

Nehmen wir Windows als Beispiel. Bei Linux ist es...

CentOS7-Bereitstellung Flask (Apache, mod_wsgi, Python36, venv)

1. Installieren Sie Apache # yum install -y httpd...

MySQL 5.7-Installation Der MySQL-Dienst kann nicht gestartet werden, meldet jedoch keine Fehler

Es gibt zwei Möglichkeiten, MySQL 5.7 zu installi...

Detaillierte Erklärung zur korrekten Öffnung in CSS

Warum sagen wir „normalerweise 1em=16px“? Die vom...

Detaillierte Erläuterung der Datentypprobleme bei der JS-Array-Indexerkennung

Als ich ein WeChat-Applet-Projekt schrieb, gab es...

So ändern Sie die Firewall auf einem Linux-Server, um den Remotezugriff auf den Port zu ermöglichen

1. Problembeschreibung Aus Sicherheitsgründen öff...

Webdesign-Tutorial (2): Über Nachahmung und Plagiat

<br />Im vorherigen Artikel habe ich die Sch...

Zusammenfassung der MySQL-Entwicklungsstandards und -Nutzungskenntnisse

1. Namenskonventionen 1. Datenbanknamen, Tabellen...

html öffnet ein neues Fenster mit einem Hyperlink und kann Fenstereigenschaften steuern

1. Die Größe des durch den HTML-Hyperlink geöffne...