Wie lerne ich CSS? Welche Wissenspunkte müssen gelernt werden?-CSS-Tutorial-php.cn

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

巴扎黑

Freigeben： 2017-07-31 11:01:02

Original

1628 Leute haben es durchsucht

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

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

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;}

Nach dem Login kopieren

CSS-Klassen können auch Pseudoklassen verwenden:

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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;
}
*/

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!