Rumah >hujung hadapan web >tutorial css >如何学习css？需要学习哪些知识点
如何学习css？需要学习哪些知识点
- 巴扎黑asal
- 2017-07-31 11:01:021719semak imbas
每个学习编程语言的程序员，都必须要学习的是HTML和CSS，它们并非是编程语言，而是标记语言。前者是用来添加网页的结构，后者则是样式，用来修饰美化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.CSS声明。
<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.派生选择器。
<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
Atas ialah kandungan terperinci 如何学习css？需要学习哪些知识点. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：CSS中关于direction使用的详解Artikel seterusnya：如何学习DIV+CSS及学习路线