form表单和CSS基础

form 表单
  input type="" 表单的组合标签,用来确定需要的是什么输入类型
    type属性值:
      文本输入框:text
      密码输入框:password
      单选按钮:radio
        A:要单选按钮实现互斥,必须设置相同的name值
        B:默认提交的是on值,一般会指定value值来区分,和复选框一样
      复选框:checkbox
        A:要指定value值,单选或者复选框中,后面的文本信息和标签没有联系,提交的是value的值
        B: name相同,服务器处理复选框时,会把值存入数组
      提交按钮:submit
      重置按钮:reset
      隐式文本:hidden(常用来储存储id值)
      下拉列表:select 表单的组合标签·
        option: select的子标签,用来确定列表中文本 selected默认选中
      文本域:textarea
        属性:rows cols 设置行与列

      注意:其它组件都有value属性,但是textarea没有,提交的值只能设置在标签体中

CSS语法
  A:直接在标签中运用
    <font style="color:green;font-size:200px;">宝宝</font>
  B:在本页面中引用,位置放在head中
    <style> //样式
      font(这里可以是一个任意的选择器){
        属性:属性值;
        属性:属性值;
        选择器可以是标签,可以是类名class="值" .值{}
        可以是id id="值" #值{}
      }
  div{
    /*
     * 这是一个块级元素,默认占满当前行
     * display:inline 设置行位置
     * border:1px solid red; 盒子的颜色和粗细
     * height width 盒子大小
     * margin-left 盒子与盒子之间的位置关系
       * padding-top 内容与盒子之间的关系
     * float:left 将div分为空间上的两种格局
     * clear:both 取消div的浮动
     */
   }
  span{
    /*
    * 这是一个行内元素,默认刚好包裹当前内容
    */
    }
</style>
  C:将CSS的内容单独封装,引用
    <link rel="stylesheet" href="../../css/my.css" type="text/css"/>

原文地址:https://www.cnblogs.com/chonglchong/p/6810737.html