CSSを学ぶにはどうすればよいですか?どのような知識ポイントを学ぶ必要があるか-CSSチュートリアル-php.cn

CSSを学ぶにはどうすればよいですか?どのような知識ポイントを学ぶ必要があるか

巴扎黑

リリース： 2017-07-31 11:01:02

オリジナル

1723 人が閲覧しました

プログラミング言語を学ぶすべてのプログラマーは、HTML と CSS を学ぶ必要があります。これらはプログラミング言語ではなく、マークアップ言語です。前者は Web ページの構造を追加するために使用され、後者は HTML 構造を変更および美化するために使用されます。この記事ではCSSの学習方法に焦点を当てます。

CSSをしっかり学びたいなら、まずマニュアルを勉強する必要があります

CSSを学ぶにはどうすればよいですか?どのような知識ポイントを学ぶ必要があるか

CSSオンラインマニュアルを勉強することをお勧めします。

マニュアルを学習した後、サンプルチュートリアルを学習できます

CSSを学ぶにはどうすればよいですか?どのような知識ポイントを学ぶ必要があるか

初心者の学習に適したCSS 0の基本入門チュートリアルを学習することをお勧めします。

学習手順を見てみましょう:

1. CSS ルール。

疑似クラス構文:

selector:pseudo-class {property:value;}

ログイン後にコピー

CSS クラスは疑似クラスも使用できます:

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

ログイン後にコピー

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

<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. さまざまな記述方法と値の単位。

<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. セレクターのグループ化。

スタイルシートには同じスタイルの要素が多数あり、コードを最小限に抑えるために、グループ化セレクターを使用できます。各セレクターはカンマで区切ります。

 <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. 派生セレクター。

えー

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

以上がCSSを学ぶにはどうすればよいですか?どのような知識ポイントを学ぶ必要があるかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。