Heim > Web-Frontend > CSS-Tutorial > Detaillierte Beschreibung von CSS in JavaWeb

Detaillierte Beschreibung von CSS in JavaWeb

高洛峰
Freigeben: 2017-03-17 11:51:45
Original
1472 Leute haben es durchsucht

Einführung in CSS

1. Übersicht und Funktion von CSS

CSS (Cascading Style Sheets) ist ein Cascading Style Sheet, das zur Definition des Anzeigeeffekts von Webseiten verwendet wird. Es kann die Duplizierung von Stildefinitionen im HTML-Code lösen, die Wartbarkeit späteren Stilcodes verbessern und den Anzeigeeffekt von Webseiten verbessern.
Funktion: CSS trennt Webseiteninhalt und Anzeigestil und verbessert so die Anzeigefunktion.

2. Kombination von CSS und HTML (*****) (vier Typen)

Kombination von CSS und HTML

1. Stilattributmethode:

Verwenden Sie das Stilattribut im Tag, um den Anzeigestil jedes Tags zu ändern.

Beispiel:

<p style="background-color:#FF0000; color:#FFFFFF">
        p标签段落内容。</p>
Nach dem Login kopieren

Diese Methode ist flexibler, aber es ist mühsam, denselben Stil für mehrere identische Tags zu definieren, und eignet sich für lokale Änderungen.

2. Style-Tag-Methode: (eingebettete Methode)

Fügen Sie das Style-Tag zum Head-Tag hinzu, um mehrere Tags einheitlich zu ändern. ​

<head>
    <style type=”text/css”>
        p { color:#FF0000;}
    </style></head>
Nach dem Login kopieren

Mit dieser Methode kann der Stil einer einzelnen Seite einheitlich festgelegt werden, sie ist jedoch für lokale Bereiche nicht flexibel genug.

3. Importmethode: (allgemeine Methode)

Voraussetzung ist, dass bereits eine definierte CSS-Datei vorhanden ist. Wenn ein Teil des Stils der Webseite verwendet werden muss, verwenden Sie diese Methode.

Beispiel:

<style type="text/css">
    @import url(css_3.css);
    p { color:#FF0000;}</style>  
Nach dem Login kopieren

Definieren Sie das Ende einer externen CSS-Datei (.css).
@import url("CSS-Dateiadresse"); muss in das