一、Html知识的拓展
1.代码书写规范：
- 任何标签必须关闭，无论是单标签还是双标签。
- 标签要求使用英文小写
- 标签的合理嵌套（块元素标签里面除了p以外，可以任意嵌套；p标签只可以嵌套行内标签或者文本。行内标签只能嵌套行内标签，a标签只能嵌套除a标签以外的行内标 签）
- 标记的缩进
2.table标签的用法
table标签常用的属性cellpadding（内容与单元格间距）cellspacing（单元格之间的间距）
td标签常用属性colspan(列合并)、rowspan（行合并）
例子：
<table cellpadding=”0” cellspacing=”0”>
<tr>
<td rowspan=”3”>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
</tr>
</table>
合并行列时需要注意的问题：合并的长度少于总长度，显示会出现问题
例子
<table border=”1”>
<tr>
<td>1</td>
<td colspan="2">2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
这个例子如图1-2-1所示并没有出现合并单元格。
图1-2-1
3.ol、ul的使用
ol(有序列表)标签例子：
<body>
<ol>
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ol>
</body>
ul（无序列表）标签例子：
<body>
<ul>
<li>苹果</li>
<li>雪梨</li>
<li>香蕉</li>
</ul>
</body>
由于兼容的问题，在使用ol、ul标签时一般去掉默认风格。在头部标签添加如下代码
<style type=”text/css”>
ol,ul{list-style:none;}
</style>
4.form标签的使用
form标签常见属性有action、method。action属性主要是指定表单提交的地址。method属性指定表单提交方式，它有两个值，分别是get和post。以get方式提交，效率比较高，但 是表单传输的数据会出现在浏览器的地址栏上，数据不安全。以post方式提交数据，效率会低一些，但传输数据安全。
二、CSS基础知识
1.CSS作用和引用方式
css叫层叠样式表，用于控制web页面的外观。
css的引用方式主要有3种，分别是外部引用、头部引用、标签引用。
外部引用就是在head标签里添加<link/>标签
外部引用的例子
<head>
<link rel=”stylesheet” type=”text/css” href=”css/a.css”/>
</head>
头部引用主要是在head标签里面添加，<style></style>
头部引用的例子：
<head>
<style type=”text/css”>
</style>
<head>
标签引用就是在标签里面添加style属性
标签引用
<div style=”color:red;”>hello world</div>
2.CSS选择器
css选择器主要有id选择器、class选择器、标签选择器、群主选择器、后代选择器、组合选择器。
id选择器的语法是：#标签id{属性名：属性值；}（注意id在同一个页面只 能出现一次，而class可以出现多次）
class选择器的语法是：.标签class{属性名：属性值；}
标签选择器的语法是：标签名{属性名：属性值；}
以上3个选择器的优先级是id选择器>class选择器>标签选择器
群组选择器的语法是：标签名（id或者class），标签名（id或者class）{属性名；属性值} 它表示所有含有给出的标签名或者id或者class的标签都必须显示给出样式。
后代选择器的语法是：标签名（id或者class）标签名（id或者class）{属性名；属性值} ，注意是用空格分开，前部分的标签名（id或者class）里面嵌套有后部分的标签名（id或者class）时，采用给定的样式。
组合选择器的语法是：标签名（id或者class）标签名（id或者class）{属性名；属性值}，注意没有用空格分开的，它表示同一个标签内同时符合给定的条件，就才用给定的样式。