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:021689Durchsuche
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
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:
1.
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
4.
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
5.
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
6.
<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!