走进html（2）——CSS

选择器

id选择器 #
表选择器.
属性
height
width

#header{
width:200px;
height:280px;
}
...
<div id="header">网页内容...</div>

CSS样式

字体样式

文本样式

伪类

标签名:伪类名{声明;}

a:hover{
color:#B29210;
text-decoration:underline;
}

设置鼠标形状

表格

<table>
	<tr>行</tr>
		<td>列</td>
</table>

<table width="100%"horder="1">
<tr>
	<td colspan="3">学员成线</td></tr>
	<tr><td rowspan="2">白杨</td>
	<td>语文</td>
	<td>98</td></tr>
	......
	</table>

表单

method用来选择发送表单数据的方式，常用值：get|post
action表示向何处发送表单

<form method="post"action="result.html">
<p>名字：<input name="name" type="text"></p>
<p>名字：<input name="pass" type="password"></p>
<p>
	<input type="submit" name="Button" value="提交">
	<input type="reset" name="Reset" value="重填">、
</p>
</form>

表单的元素

列表框

<select name="名称"size="行数">
<option value="值"selected="selected">
...
</option>
<option value="值">...</option>
</seect>

多行文本域
cols表示显示的行数

<textarea name="showText" cols="x" rows="y">文本内容</textarea>

表单的高级应用
隐藏域

type="hidden"

只读

readonly="readonly"

禁用

disable="disabled"