Heim

类库下载

java类库

CSS-Nutzung

高洛峰

Oct 08, 2016 pm 03:36 PM

<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

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