ホームページ > 記事 > ウェブフロントエンド > CSSを学ぶにはどうすればよいですか?どのような知識ポイントを学ぶ必要があるか
CSSを学ぶにはどうすればよいですか?どのような知識ポイントを学ぶ必要があるか
- 巴扎黑オリジナル
- 2017-07-31 11:01:021664ブラウズ
プログラミング言語を学ぶすべてのプログラマーは、HTML と CSS を学ぶ必要があります。これらはプログラミング言語ではなく、マークアップ言語です。前者は Web ページの構造を追加するために使用され、後者は HTML 構造を変更および美化するために使用されます。この記事では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
2.
<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 サイトの他の関連記事を参照してください。