Heim > Artikel > Web-Frontend > So verwenden Sie Inline zur Einführung eines CSS-Stylesheets
So verwenden Sie Inline zur Einführung eines CSS-Stylesheets
- 青灯夜游Original
- 2021-04-06 11:54:5813689Durchsuche
Einführungsmethode: Schreiben Sie den CSS-Code in das Head-Tag „93f0f5c25f18dab9d176bd4f6de5d30e“ und definieren Sie ihn mit dem Tag „c9ccee2e6ea535a969eb3f532ad9fe89“. Das Syntaxformat ist „93f0f5c25f18dab9d176bd4f6de5d30e469e33aae1f3b00e07aec957ef5f811dselector{property:property value;}531ac245ce3e4fe3d50054a55f2659279c3bca370b5104690d9ef395f2c5f8d1".
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
CSS wird zum Ändern von Webseitenstilen verwendet. Wenn Sie jedoch möchten, dass die durch CSS geänderten Stile funktionieren, müssen Sie ein CSS-Stylesheet in die HTML-Datei einfügen. Es gibt drei gängige Methoden zur Einführung von Stylesheets: Inline-, eingebettete und externe Links. Der folgende Artikel gibt Ihnen eine detaillierte Einführung in Embedded.
CSS inline
Inline schreibt den CSS-Code in das 93f0f5c25f18dab9d176bd4f6de5d30e-Tag und definiert ihn mit dem c9ccee2e6ea535a969eb3f532ad9fe89-Tag Bei dieser Syntax befindet sich das c9ccee2e6ea535a969eb3f532ad9fe89-Tag im Allgemeinen nach dem b2386ffb911b14667cb8f0f91ea547a7-Tag, es kann aber auch an einer beliebigen Stelle im HTML-Dokument platziert werden. Da der Browser den Code jedoch von oben nach unten analysiert, kann das Einfügen des CSS-Codes in den Kopf vorab heruntergeladen und analysiert werden, um die Peinlichkeit zu vermeiden, die durch fehlende Stiländerungen nach dem Herunterladen des Webseiteninhalts entsteht. (Lernvideo-Sharing:
CSS-Video-Tutorial) Gleichzeitig muss der Typattributwert auf „text/css“ gesetzt werden, damit der Browser weiß, dass das c9ccee2e6ea535a969eb3f532ad9fe89-Tag CSS-Code enthält, da der Das c9ccee2e6ea535a969eb3f532ad9fe89-Tag kann auch anderen Code enthalten, z. B. JavaScript-Code.
<head>
<style type="text/css">
选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
</style>
</head>Inline-CSS-Stile sind nur für die HTML-Seite gültig, auf der sie sich befinden. Wenn Sie also nur eine Seite entwerfen, ist die Verwendung von Inline eine gute Wahl. Wenn Sie sich jedoch auf einer Website befinden, wird die Verwendung dieser Methode nicht empfohlen, da sie die Wiederverwendung von CSS-Code nicht voll ausnutzen kann.
Weitere Kenntnisse zum Thema Programmierung finden Sie unter:
ProgrammiervideosDas obige ist der detaillierte Inhalt vonSo verwenden Sie Inline zur Einführung eines CSS-Stylesheets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!