走进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"