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

高洛峰
Freigeben: 2017-03-27 17:58:34
Original
1985 Leute haben es durchsucht

1. Priorität des CSS-Stils

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.right{text-align:right}

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!

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