Die Verwendung eingebetteter Stylesheets in CSS

PHPz

Freigeben： 2023-09-11 12:41:09

nach vorne

1028 Leute haben es durchsucht

CSS steht für Cascading Style Sheets. HTML wird zum Erstellen von Webseiten und zum Hinzufügen von Text, Bildern, Videos usw. zu den Webseiten verwendet. Danach müssen wir den Text und die Bilder formatieren, was nur mit CSS möglich ist. Grundsätzlich können wir CSS verwenden, um Hintergrund-, Farb-, Größen-, Ausrichtungsstile usw. zu HTML-Elementen hinzuzufügen.

Es gibt drei Möglichkeiten, Stile zu Webseiten hinzuzufügen. Das erste sind Inline-Stile, die Stile direkt zu HTML-Elementen hinzufügen. Das zweite ist ein eingebettetes Stylesheet, das das

Nach dem Login kopieren

Benutzer können CSS zwischen den

Embedding the Styles to the HTML document

This is a paragraph.

This is another paragraph.

Nach dem Login kopieren

Beispiel 2

Beispiel 2

Im folgenden Beispiel haben wir dem div-Element einen Hover-Effekt hinzugefügt.

Zuerst haben wir das div-Element „container“ erstellt und drei div-Elemente als untergeordnete Elemente hinzugefügt. Zusätzlich haben wir jedem div-Element eine andere Hintergrundfarbe gegeben. Die Farbe jedes div-Elements ändert sich, wenn der Benutzer mit der Maus über das div-Element fährt.

   



   
 Embedding the  Style sheet to the HTML document  
   

      

         Div 1
      
      

         Div 2
      
      

         Div 3
      
   

Beispiel 3

Wir haben das Stylesheet im Beispiel unten in die HTML-Datei eingebettet. Wir haben die Kreise mit CSS erstellt. Zusätzlich haben wir den Kreisen Animationen hinzugefügt.

Wir haben den „größeren“ Keyframe erstellt, der die Größe des Kreises um 50 % sowie die Hintergrundfarbe ändert, was der Benutzer in der Ausgabe beobachten kann.

   



   
 Embedding the  Style sheet to the HTML document  
   

   

Benutzer haben gelernt, Stylesheets in CSS einzubetten. Benutzer müssen CSS zwischen den

Das obige ist der detaillierte Inhalt vonDie Verwendung eingebetteter Stylesheets in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!