Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Grammatikinhalt von CSS

不言
Freigeben: 2018-04-24 16:38:38
Original
1478 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich den grammatikalischen Inhalt von CSS vor, der einen gewissen Referenzwert hat. Jetzt kann ich ihn mit allen teilen, die ihn benötigen

1.css-Einführung
Sie können die Auswirkungen von Webseiten steuern, einschließlich Schriftgröße, Farbe, Schriftart, Zeilenabstand, Wortabstand, Hintergrundbild, Positionierung, Hintergrundfarbe
2.css-Schreibstilmethode
1) Inline-Stil

<b>默认效果</b><b style="color:#F00;">文字变为红色</b>
Nach dem Login kopieren

Hinweis: Der Inline-Stil schreibt CSS-Stilattribute direkt in das Tag, und die Tag-Lesung ändert sich direkt in den entsprechenden Effekt
Wirkt sich nur auf den Inline-Stil aus
2) Intern Stil

<head><style type="test/css">b{color:#F00;}</style></head><body><b>变为红色了</b></body>
Nach dem Login kopieren

Interne Stile werden in den Kopfbereich der HTML-Seite geschrieben. Die entsprechenden Objekte im Textkörper werden gelesen und in entsprechende Effekte umgewandelt.
nur Auswirkungen auf die aktuelle Seite p
3) Externe Stile

<head><link rel="styleheet" href="css/new_filecss"/></head>
Nach dem Login kopieren

Externe Stil-CSS ist eine unabhängige Datei. Sie müssen eine Zeile Linkcode in den Kopf der HTML-Seite schreiben, um das entsprechende Element zu schreiben in HTML und rufen Sie den vom externen Stil geschriebenen CSS-Stil auf

3. CSS-Syntax schreiben
CSS-Schreiben besteht hauptsächlich aus CSS-Attributen und CSS-Attributwerten

<b style="color:#F00;">文字变为红色</b>
Nach dem Login kopieren

style ist der Stil, color ist das CSS-Attribut und #F00 ist der Attributwert. Hinweis: Schließen Sie CSS-Eigenschaften und CSS-Stile mit;

b{width:600px;height:60px;
}
Nach dem Login kopieren

Klammern ein

Das obige ist der detaillierte Inhalt vonGrammatikinhalt von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage