Heim

類(lèi)庫(kù)下載

java類(lèi)庫(kù)

CSS-Nutzung

高洛峰

Oct 08, 2016 pm 03:36 PM

<br/>

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>

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