Heim > Artikel > Web-Frontend > Wie lerne ich CSS? Welche Wissenspunkte müssen gelernt werden?

Wie lerne ich CSS? Welche Wissenspunkte müssen gelernt werden?

巴扎黑Original: 2017-07-31 11:01:021623Durchsuche

Jeder Programmierer, der Programmiersprachen lernt, muss HTML und CSS lernen. Dabei handelt es sich nicht um Programmiersprachen, sondern um Auszeichnungssprachen. Ersteres wird verwendet, um die Struktur der Webseite hinzuzufügen, und letzteres wird verwendet, um die HTML-Struktur zu ändern und zu verschönern. In diesem Artikel konzentrieren wir uns darauf, wie man CSS lernt.

Wenn Sie CSS gut lernen möchten, müssen Sie zuerst das Handbuch studieren

Es wird empfohlen, das CSS-Online-Handbuch zu studieren .

Nachdem Sie das Handbuch studiert haben, können Sie dann das Beispiel-Tutorial studieren

Wie lerne ich CSS? Welche Wissenspunkte müssen gelernt werden?

Es wird empfohlen, das CSS 0-Basis-Einführungs-Tutorial zu studieren was eher für Anfänger zum Lernen geeignet ist.

Werfen wir einen Blick auf die Lernschritte:

Pseudoklassensyntax:

selector:pseudo-class {property:value;}

CSS-Klassen können auch Pseudoklassen verwenden:

selector.class:pseudo-class {property:value;}

http://www.php.cn/ css /css-pseudo-classes.html

2. CSS-Deklaration.

<html>
<head>
 <meta charset="utf-8">
 <title>php中文网(php.cn)</title>
 <style>
 p
 {
 border-top-style:dotted;
 border-right-style:solid;
 border-bottom-style:dotted;
 border-left-style:solid;
 }
 </style>
</head>
<body>
<p>两个不同的边界样式。</p>
</body>
</html>

http://www.php.cn/code/3213.html

3. Verschiedene Schreibmethoden und Werteeinheiten.

<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
    <style>
        body {color:red;}
        h1 {color:#00ff00;}
        p.ex {color:rgb(0,0,255);}
    </style>
</head>

<body>
<h1>这是标题</h1>
<p>这是一个普通的段落。请注意,本文是红色的。页面中定义的默认文本颜色选择器。</p>
<p class="ex">这是一段使用class选择器定义的p。这段文字是蓝色的。</p>
</body>
</html>

http://www.php.cn/code/3148.html

Es gibt viele Elemente mit demselben Stil im Stylesheet. Um den Code zu minimieren, können Sie Gruppierungsselektoren verwenden. Trennen Sie jeden Selektor durch ein Komma.

 <style>
 h1,h2,p
 {
 color: #d4d223;
 }
 </style>

http://www.php.cn/code/3241.html

html {
  font-family: sans-serif;
}
 
p {
  line-height: 1.5;
}
 
/*
This rule is not needed ↷
p a {
  line-height: 1.5;
}
*/

http://www.php.cn/css-tutorial-360263.html

<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
div p
{
background-color:yellow;
}
</style>
</head>
<body>
<div>
<p>段落 1。 在 div 中。</p>
<p>段落 2。 在 div 中。</p>
</div>
<p>段落 3。不在 div 中。</p>
<p>段落 4。不在 div 中。</p>
</body>
</html>

http://www.php.cn/code/3287.html

Das obige ist der detaillierte Inhalt vonWie lerne ich CSS? Welche Wissenspunkte müssen gelernt werden?. 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

Vorheriger Artikel：Ausführliche Erklärung zur Verwendung der Richtung in CSSNächster Artikel：Ausführliche Erklärung zur Verwendung der Richtung in CSS

In Verbindung stehende Artikel

Mehr sehen