代码改变世界

HTML3

2016-08-22 21:03  宇航员舒克  阅读(202)  评论(0)  编辑  收藏  举报

样式表的基本概念

1.样式表分类

内联样式表；内嵌样式表；外部样式表（用css实现）见P8

2.选择器

标签选择器；class选择器；ID选择器；复合选择器

3.样式表属性

4应用实例：QQ邮箱注册页面，主要应用表格知识（如下代码）

<body background="../0818/背景3.jpg">
<form>
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr height="40">
<td width="150">邮箱</td>
<td width="600"><input type="text"/></td>
<tr height="40">
<td width="150"></td>
<td width="600"><font size="-1" color="#666666">需要通过邮箱激活账户，不支持sohu,21cn,sogou的邮箱</font></td>
<tr height="40">
<td width="150">登录用户名</td>
<td width="600"><input type="text"/></td>
<tr height="40">
<td width="150"></td>
<td width="600"><font size="-1" color="#666666">仅在登录时使用，字符数不少于4个</font></td>
<tr height="40">
<td width="150">显示名称</td>
<td width="600"><input type="text"s/></td>
<tr height="40">
<td width="150"></td>
<td width="600"><font size="-1" color="#666666">即昵称，字符数不少于2个</font></td>
<tr height="40">
<td width="150">密码</td>
<td width="600"><input type="password" value="123456789"></td>
<tr height="40">
<td width="150">确认密码</td>
<td width="600"><input type="password" value="123456789"></td>
<tr height="40">
<td width="150"></td>
<td width="600"><font size="-1" color="#666666">至少8位，必须包括字母、数字、特殊字符</font></td>
<tr height="40">
<td width="150" rowspan="2">性别</td>
<td width="600" rowspan="2"><input type="radio" name="xingbie"/>男<br />
<input type="radio" name="xingbie"/>女</td>
<tr height="40">

<tr height="40">
<td width="150">喜好</td>
<td width="600">
<select size="1">
<option>购物</option>
<option>运动</option>
<option>唱歌</option>
<option>吹牛</option>
</select></td>
<tr height="40">
<td width="150"></td>
<td width="600">
<tr height="40">
<td width="150"></td>
<td width="600">                  <input type="submit" value="注册"></td>


</tr>
</table>
</form>
</body>