样式表的基本概念
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>
时间: 2024-10-29 19:06:17