Heim >Web-Frontend >CSS-Tutorial >Detaillierte Einführung in Web-Front-End-Wissenspunkte im CSS-Stil
Detaillierte Einführung in Web-Front-End-Wissenspunkte im CSS-Stil
- 高洛峰Original
- 2017-03-27 17:58:341986Durchsuche
Es gibt viele Möglichkeiten, den CSS-Stil in HTML zu verwenden
Es gibtExterne Referenzmethode
hat die Möglichkeit, CSS zu schreiben, das HTML direkt aus dem <head> steuert. tag Die Stilanweisung
kann direkt in CSS in das Tag geschrieben werden, das Sie steuern möchten, um die
-Priorität zu steuern:
Browser-Standardstil am niedrigsten
Externer Referenzstil Zweitens
im Head-Tag Zweitens
Das Tag, das Sie steuern möchten, hat die höchste Priorität
2. Sie können Selektoren kombinieren
h1 ,h2,h3,h4,h5{color:green}
Sie müssen ein Symbol in der Mitte verwenden, um sie zu trennen, damit sie einen einheitlichen Stil haben
Dasselbe Element kann auch Für ihn werden verschiedene Attribute angegeben, zum Beispiel:
p.center{text-align:center}
Das Obige ist der CSS-Stil, der die folgende HTML-Anweisung steuert
Die Anweisung in HTML lautet:
das ist richtig
das ist das Zentrum
Hierbei Geben Sie auf diese Weise unterschiedliche Werte für die P-Elemente an, sodass Sie unterschiedliche Stile desselben Elements über den Klassennamen steuern können.
3. Browser-Unterstützung für CSS
CSS3.0 hat jetzt viele tolle Effekte, aber einige Browser unterstützen CSS-Stile nicht sehr gut, wie z. B. IE
Einige davon CSS3.0-Stile werden von IE9 nicht unterstützt. Die von uns derzeit verwendeten Systeme sind im Allgemeinen IE7 8 9-Browser. Es ist einfach zu schmerzhaft für die Entwicklung.
Allerdings ist Firefox so leistungsstark, dass er fast alle Stile unterstützt. Google ist auch ein großartiger Browser und sollte am schnellsten laufen, ebenso wie unser heimischer 360-Browser. Er verwendet den IE-Kernel, der im Wesentlichen sein Schicksal bestimmt . Bei der Entwicklung verwenden wir häufig die Browser Firefox, Google und IE. Sie können sie nicht nur verwenden, weil der IE sie nicht unterstützt, sondern Sie müssen sie auch zum Debuggen der Kompatibilität verwenden.
Das Firebug-Plugin von Firefox kann zum Debuggen von CSS-Stilcode im Frontend verwendet werden im Frontend müssen Sie den CSS-Stil nicht jedes Mal ändern. Dies verbessert die Arbeitseffizienz an der Rezeption.
Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in Web-Front-End-Wissenspunkte im CSS-Stil. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!