一、元素按显示方式分为哪几种, 并举例, 正确描述它们
元素按显示方式分为块级元素和行内元素，块级元素的宽高是由它的内部子元素决定，行内元素的宽高是由它内部的内容决定。一般来说，块级框内可以嵌套行内框，反过来就不允许，但是可以用display来改变。
二、CSS是什么? 它的主要作用是什么?
css是层叠样式表，它的主要作用是用来设置html元素在文档中的布局和显示。
三、什么是CSS选择器,它的样式声明是哪二部分组成?
css选择器是一种模式，用来需要添加样式的元素。它的样式声明是由样式规则和样式声明组成。
四、举例演示CSS简单选择器(全部)
简单选择器包括：元素选择器 div{ }，
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css3</title>
<style>
div {color: blueviolet;}
</style>
</head>
<body>
<div>
<p>
学习PHP中文网
</p>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
属性选择器tag[ property ]，
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css3</title>
<style>
p[class] {color: blue;}
</style>
</head>
<body>
<div>
<p>学习PHP中文网</p>
<p class="main">学习PHP中文网，太好了。</p>
<p class="main">学习PHP中文网，真的是很好。</p>
<ul>
<li>PHP中文学习网</li>
</ul>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
类class选择器active{ }，
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css3</title>
<style>
.for {color: blue;}
#miu{background: brown;}
</style>
</head>
<body>
<div>
<p>学习PHP中文网</p>
<p class="for">学习PHP中文网，太好了。</p>
<p class="main" id="miu">学习PHP中文网，真的是很好。</p>
<ul>
<li>PHP中文学习网</li>
</ul>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
ID选择器#main{ }，
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css3</title>
<style>
.for {color: blue;}
#miu{background: brown;}
</style>
</head>
<body>
<div>
<p>学习PHP中文网</p>
<p class="for">学习PHP中文网，太好了。</p>
<p class="main" id="miu">学习PHP中文网，真的是很好。</p>
<ul>
<li>PHP中文学习网</li>
</ul>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
群组选择器p,active,div{ }，
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css3</title>
<style>
.for {color: blue;}
#miu{background: brown;}
.for,#miu,ul{background: chartreuse}
</style>
</head>
<body>
<div>
<p>学习PHP中文网</p>
<p class="for">学习PHP中文网，太好了。</p>
<p class="main" id="miu">学习PHP中文网，真的是很好。</p>
<ul>
<li>PHP中文学习网</li>
</ul>
<h1>PHP中文学习网</h1>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
通配符选择器*。
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css3</title>
<style>
.for {color: blue;}
#miu{background: brown;}
.for,#miu,ul{background: chartreuse;}
body *{ background: blueviolet;}
</style>
</head>
<body>
<div>
<p>学习PHP中文网</p>
<p class="for">学习PHP中文网，太好了。</p>
<p class="main" id="miu">学习PHP中文网，真的是很好。</p>
<ul>
<li>PHP中文学习网</li>
</ul>
<h1>PHP中文学习网</h1>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
五、举例演示CSS上下文选择器(全部)
六、举例演示常用CSS结构伪类选择器(不少于四种)
七、举例演示常用CSS表单伪类选择器(不少于三种)
作业没有写完，明天继续。由于时间关系和知识理解接受能力程度，作业不能及时完成，我会抽时间补充上。