CSS-Nutzung
- 高洛峰Original
- 2016-10-08 15:36:181808Durchsuche
<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: 4a249f0d628e2318394fd9b75b4636b1……..321ca98e3b8fefc5a7425c731381253c… …..2e9b454fa8428549ca2e64dfac4625cd
Kategorieauswahl:
Definition: Tag-Name.Klassenname {Tag-Attribut: Attributwert; Tag-Attribut: Attributwert;…….} oder
.Klassenname {Tag-Attribut: Attributwert; right{ text-align: right; }
Verwendung: 00bac79f08837af9828fe881b8052e60……..94b3e26ee717c64999d7867364b1b4a3
,,,,, 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 b697a1d8a26a450f25a8fed50475a99a…..2e9b454fa8428549ca2e64dfac4625cd; bdf95f8449d02880700b8af190f9ab30…… ……54bdf357c58b8a65c66d7c19c8e4d114;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“>……fc9cc4fde8237f0c284024b64942fef5< ;/head>. zB:
Linktyp:
Das definierte Objekt wird separat in einer Datei mit der Erweiterung .css abgelegt und über das Tag 2cdf5bf648cf2f33323966d7f58a7f3f zwischen 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 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: 96bc18444cae7f059e4b22a78de722acImporttyp: und Linktyp Die Methode ist ähnlich, außer dass sie über die Importmethode importiert wird. zB: 91916ddd308e4010083e0b1a54533b1e@import url(xxx.css);531ac245ce3e4fe3d50054a55f265927 CSS-Stylesheet-Priorität : Eingebettetes Stylesheet> Browser-Standard