A 标签
a标签是我们在写页面的时候最常用的标签了,相信大家都已经熟悉它的用法了,在这里我只是写一下在开发中注意的几点。
- 1.属性 href 的属性值可以加双引号,也可以不加。但一般都加上。
- 2.属性 title 的属性 当鼠标悬停在超链接上面的时候给出的提示信息。
- 3.如果要给超链接加颜色样式,必须直接作用于超链接上。超链接是无法继承父类的颜色的。但是字体大小等可以继承。
- 4.伪类选择器实际上是一种状态,并不含有任何意义 。
- 5.a:link 未访问的链接 a:visited 已访问的链接 a:hover 当有鼠标悬停在链接 a:active 被选择的链接 基本上我们常用的也就是hover了。
- 6 锚点 现在用的也很少了,基本上现在考JS来实现了。
- 7 现在主要用法之一就是配合无序列表做导航条。
Table 表格
以前的话,全是table来布局,不过那好像是很遥远的时候了(白垩纪?),现在基本上用CSS来布局。所以现在表格终于做回它自己了,就是表格。
- 1.border-collapse:collapse 边框重叠。在table标签中设置。
- 2.table 里面的行对齐 text-align='center' vertical-align: middle;="middle" 实际上是对内容操作。(text-align 以后会在CSS各种居中详细解释。还有表单的美化。)
- 3.td text-align:center 给元素加一个高度 就会自动垂直居中。
列表
- 1.无序列表(ul li)
- 2.有序列表(ol li)
- 3.自定义列表(dl dt(表头) dd(表格内容))
表单
<form action="" method="">
<input type="text" name="user">
<input type="password" name="password">
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女
<input type="checkbox" name="hobby" value="basketball">篮球
<input type="checkbox" name="hobby" value="basketball">篮球
<input type="checkbox" name="hobby" value="basketball">篮球
<input type="hidden" name="uid" value="id">
<textarea name="name" rows="8" cols="40"></textarea>
<select name="" id="">
<option value=""></option>
<option value=""></option>
</select>
<label for=""></label>
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
把用户提交的内容提交到后台
name : 表单提交时的名字
action : 提交的地址
method : 提交的方法
GET和POST方式区别 | GET | POST |
---|---|---|
提交方式(URL) | 看得见 | 看不见 |
数据大小 | 1K大小 | 后台设置 |
安全性 | 安全性不高 | 安全性高 |
iframe
iframe 在一个页面中嵌入另一个页面
iframe src