浮动 透明 定位 表单

浮动： float:left; 左浮动： 脱离了原有的流程 相当于怎么说原有的标签那个位置脱离了 其他标签可以占有其位置

透明： opacity:  0-1  可以是小数  表示透明度  /*透明度如果是父子结构的标签 透明度会跟随父标签 父标签设置为透明 那么子标签页也会跟随透明*/

定位：有5种值 static默认值  relative 相对定位   |  abslutue 绝对定位  |fixed也是绝对定位  | inherit|  继承父标签的定位。

position:static; 默认值 没有发生定位；

position:relative: 相对定位：相对自身位置发生定位；没有脱离文档流

position：absolute:绝对定位：寻找其父级的位置来定位 ，有一个寻找父级的过程，如果找不到其父级 就相对于body进行定位。  脱离了文档流；

position:fixed;绝对定位： 相对于浏览器窗口进行定位； 脱离了文档流

inherit：继承  继承父级的定位；

表单

<form ></form>

form表示表单的标签

form中 一般 写action=“#“”  #表示路径  当不知道路径时 一般习惯写#表示路径   method 提交内容的方法  有俩种 一种是get 一种是post  get是或得铭文  可看见的内容  弊端不安全

post:密文  是把表单用二进制的方法上传  好处是安全

input 是表单中输入框

<form action="#" method="post">
<!-- 表单可以提交的内容 -->
<!-- 文本输入框  传入服务器的一种形式
                              key-value的形式
                              键值对  集合（容器）
                              username->相当于建值对key
-->
<input type="text" name="username" value=""  placeholder="占位符"/><br />
<!-- name 一般填写文件的名字 -->
<input type="file" name=""><br />
<!-- 数字的输入框 -->
<input type="number" min="1" max="20" step="2" name=""><br />
<!-- step每次增加 或减少的值 -->
  <textarea></textarea><br />
  男：<input type="radio" name="genter" value="nan"><br/>
  女：<input type="radio" name="genter" value="nv"><br />
  <!-- 单选框中 name后面的字一样 -->
  <!-- 复选框 -->
  男<input type="checkbox" name="sex" value="男" ><br />
  女<input type="checkbox" name="sex" value="女"><br />
            
  <!-- 选择器 -->
  <select name="地区">
  <option value="c">中国</option>
  <option value="m">美国</option>
  <option value="j">日本</option>
  </select>


  <!-- 隐藏提交  隐藏一些东西 不让服务器知道 比如信息 IP地址-->
  <input type="hidden" name="hidden" value=""> <br />
  <input type="submit" name="提交" / >
  <!-- 俩种按钮方式  input--submit-->
  <input type="button"  οnclick="alert（‘你点到我了’）" value="点我啊">
  <!-- 按钮 onclick 点击按钮 触发时间 -->
  <button οnclick="alert（‘你点到我了’）" >aaaaa</button>
  <!-- 按钮 -->
</form> 
<!-- 密码输入框 text= password -->
<!--  -->

这就是表单中几种输入方式