CSS-Nutzung

高洛峰

Freigeben： 2016-10-08 15:36:18

Original

1785 Leute haben es durchsucht

<br/>

Nach dem Login kopieren

CSS (Cascading Style Sheets, Cascading Style Sheets) ist eine Methode zur Seitenverschönerung, die den Effekt der Verschönerung der Seite durch Bearbeiten der Objekteigenschaften von CSS erzielt. Die grundlegende Operationseinheit von CSS ist ein Objekt. Die Verwendung von CSS ähnelt der Verwendung einer Funktion in C/C. CSS-Objekte sind wie Funktionen, die durch Definition, Deklaration und Aufruf verwendet werden.

CSS verfügt über drei Selektoren (Objektdefinition und -verwendung): Tag-Selektor, Kategorie-Selektor, ID-Selektor

CSS verfügt über vier Einschlussmethoden: Inline-Stil, eingebettet, verknüpft, importiert

Tag-Selektor:

Definition: referenzierter Stilobjektname {Tag-Attribut: Attributwert; Tag-Attribut: Attributwert;…….}

zB: h1,h2{text-align: center; color: red;}

Verwendung:

……..

… …..

Kategorieauswahl:

Definition: Tag-Name.Klassenname {Tag-Attribut: Attributwert; Tag-Attribut: Attributwert;…….} oder

.Klassenname {Tag-Attribut: Attributwert; right{ text-align: right; }

Verwendung:

……..

,,,,, Beachten Sie die von der Klasse definierter Stil)

(z. B.: .right{text-align: right;} ist definiert. Beim Aufruf kann right angezeigt werden, solange die Beschriftung des rechten Attributs über die Klasse aufgerufen wird

…..

;

…… ……;Tags zeigen alle rechtsbündige Attribute an.

ID-Selektor:

Definition: #id name {label attribute: attribute value; label attribute : Attribut value;…….}

zB: #sample{font- Familie:宋体; Don't-Size:60pt; 🎜>

Es ist nicht erforderlich, einen Selektor zu definieren. Verwenden Sie das Stilattribut, um das Element direkt zu formatieren.

z. B.: < ;p style=“color:#FF0000“>……

Inline:

Definieren Sie zunächst den Selektor und definieren Sie das Stylesheet in < ;/head>.

zB:

Linktyp:

Das definierte Objekt wird separat in einer Datei mit der Erweiterung .css abgelegt und über das Tag zwischen mit der gewünschten Webseite verknüpft.

<html>
        <head>
           <title>xxxxxx</title>
            <style type=”text/css”>
                p{color: #000FF;}
                .info{font-size: 12px;}
             </syle>
        </head>
 </html>

Nach dem Login kopieren

zB:

Importtyp:

und Linktyp Die Methode ist ähnlich, außer dass sie über die Importmethode importiert wird.

zB:

CSS-Stylesheet-Priorität :

Eingebettetes Stylesheet> Browser-Standard