爱站程序员基地html
表单
| html-表单 | 解释 | 说明 |
|---|---|---|
| < p>用户名< input type=“text”>< /p> | 普通文本框 | |
| < p>< input type=“password”>< /p> | 密码框 | |
| < input type=“radio” name=“sex”> | 单选框 | |
| < input type=“checkbox”> | 复选框 | |
| < select> | 下拉框 | |
| < option> | 下拉框中的选项 | < option>教师< /option> |
| < input type=“file”> | 上传附件 | |
| < textarea> | 文本域 | |
| < input type=“submit” value=“登录”> | 提交 | |
| < input type=“reset” value=“情空”> | 重置 | |
| < input type=“button” value=“返回”> | 校验 | |
| < form> | 表单 | action定义路径，作用：1.让按钮有事件 2.提交数据进行跳转页面 |
属性
| html-属性 | 解释 | 说明 |
|---|---|---|
| type | 规定文本框的类型 | |
| name | 定义名称 | 表单通过name进行传值给后台 |
| value | 定义默认值 | |
| checked | 让单选或复选框中 | |
| selected | 让下拉框选中值 |
css
背景
| css-背景 | 解释 | 说明 |
|---|---|---|
| background-image:url() | 背景图片 | |
| background-repeat | 背景平铺方式 | repeat平铺、repeat-x水平平铺、repeat-y垂直平铺 no-repeat不平铺、round自动填满 |
| background-postion | 设置位置 | 方向：left right top botton center 单位：像素或百分比 例如：x:20px y:50px |
| background-attachment | 背景固定方式 | scroll滚动、fixed固定 |
定位
| css-定位 | 解释 | 说明 |
|---|---|---|
| position | 定位方式 | static无定位、absolute绝对定位、relative相对定位、fixed固定定位 方向：left right top bottom |
| z-index | 层叠关系 | 单位：整数，可以为负数，默认为0 |
区别
- fixed固定定位：会脱离标准流，永远参照body设置位置。
- absolute绝对定位：会脱离标准流，如果没有父类，会参加body设置位置，如果有父类，参照定位的父类设置位置。
- relative相对定位：不会脱离标准流，永远参照自己设置位置。
- static无定位：让元素水平垂直居中。
例：
div
{
position：absolute；width：300px；height：200px；
left：50%
top：50%
margin-left：-150px
margin-top：-100px
}
