Heim  >  Artikel  >  Web-Frontend  >  3 Möglichkeiten zur Einführung der grundlegenden CSS-Syntax

3 Möglichkeiten zur Einführung der grundlegenden CSS-Syntax

php中世界最好的语言
php中世界最好的语言Original
2018-02-28 10:16:501649Durchsuche

Dieses Mal werde ich Ihnen drei Arten der Einführung in die CSS-Grundsyntax und die Hinweise für die Einführung in die drei Arten der CSS-Grundsyntax vorstellen Fälle, einer Steh auf und schau es dir an.

CSS kann als Durchbruch im Webdesign angesehen werden. Es löst das Problem des Web-Interface-Layouts. Man kann sagen, dass HTML-Tags hauptsächlich den Inhalt von Webseiten definieren (Inhalt), während CSS bestimmt, wie der Inhalt dieser Webseiten angezeigt wird (Layout).

In den Anfängen des Webs war HTML eine sehr begrenzte Sprache. Bei dieser Sprache war das Erscheinungsbild nicht wichtig. Es handelte sich lediglich um einen prägnanten kleinen Markup-Mechanismus.

Mit dem Aufkommen des Webbrowsers „Mosaic“ tauchten überall Websites auf. Der Bedarf, das Erscheinungsbild der Seite zu ändern, nahm zu, sodass Markup-Elemente wie 240cb830ca84ebaabbd07850110b414d hinzugefügt wurden.

Einige Jahre später bestehen die meisten Website-Markups fast ausschließlich aus Tabellen und Schriftartelementen und können dem auszudrückenden Inhalt keine tatsächliche Bedeutung vermitteln, wodurch das Dokument weniger benutzbar und schwer zu pflegen ist.

Also veröffentlichte das W3C 1995 einen CSS-Entwurf, um das Problem der gemischten Struktur und Stil zu lösen.

Im Jahr 1996 führte das W3C CSS1 offiziell ein.

1998 wurde CSS2 eingeführt.

Ab CSS3 im Jahr 2001 wurde die CSS-Sprache in mehrere unabhängige Module unterteilt. Jedes Modul ist unabhängig abgestuft und enthält nur einen kleinen Teil der Funktionalität.

Begann 2011 mit dem Entwurf von CSS4

1. Einführung des CSS-Stylesheets

1. Eingebettetes Stylesheet

Eingebettetes Stylesheet ist in Tag (Label) geschrieben ) innen. Inline-Stile sind nur für das Tag gültig, in dem sie sich befinden. (Wenn mehrere Stile vorhanden sind, überschreibt der Inline-Stil andere Stile und wird von selbst wirksam.)

Beispiel:

<p style="font-size:20pt; color:red"></p>

Diese Stildefinitione388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 Die Innenseite ist in 20pt-Schriftart und die Schriftfarbe ist Rot.

2. Internes Stylesheet

Das interne Stylesheet ist im 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 geschrieben. Interne Stylesheets sind nur für die Webseite gültig, auf der sie sich befinden.

Das interne Stylesheet muss das Style-Tag verwenden, das wie folgt geschrieben ist:

<style  type="text/css">
     div{
           color : red;
         }</style>

3. Externes Stylesheet

Wenn viele Webseiten verwendet werden müssen Um denselben Stil (Styles) zu verwenden, verwenden Sie ein externes Stylesheet. Das externe Stylesheet muss den Stil in eine CSS-Datei schreiben, ihn dann mithilfe des 2cdf5bf648cf2f33323966d7f58a7f3f-Tags in die Seite einführen und die Datei in jede Seite einführen, die den Stil anwenden muss.

Beispiel:

<HTML><HEAD>
   <link href="../css/a.css " rel ="stylesheet" type="text/css "></HEAD><BODY>…</BODY>
 </HTML>


1 Die 2cdf5bf648cf2f33323966d7f58a7f3f-Tag-Position wird im Allgemeinen innerhalb des 93f0f5c25f18dab9d176bd4f6de5d30e-Tags geschrieben.

2. Der Name der CSS-Stildatei wird mit aussagekräftigen englischen Buchstaben benannt, z. B. main.css.

3. href="" ist der Pfad zur Einführung von CSS

4. rel="stylesheet" type="text/css" ist eine feste Schreibmethode, die nicht geändert werden kann.

Denken Sie an ihre

Priorität: inline > eingebettet > externe

hat auch

Kommentaranweisungen in CSS: Verwenden Sie /*Kommentaranweisung*/ Geben Sie an (verwenden Sie 78f1f62ad25f828a138c8f624ccadadb in HTML)

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf chinesischen PHP-Websites !

Verwandte Lektüre:

Allgemeine Einstellungen von vscode

So konvertieren Sie Dezimalzahlen in Hexadezimalzahlen

So hosten Sie Ihr Maven-Projekt auf Github

Das obige ist der detaillierte Inhalt von3 Möglichkeiten zur Einführung der grundlegenden CSS-Syntax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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