第四次实习-html&css

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
  }