表单、元素样式来源及先后顺序原则 -

一、用户提交表单

GET 与POST 主要区别

-GET 控制在4K以内，可以简单理解明文发送请求。POST暗文，相当安全，内容可以多一点。

单行文本框、单选按钮
应该注意
同一组的单选按钮name属性，必须全部一样，才能保证返回唯一值
1.单行文本框

<label for="usrename">账号：</label>
<input  type="text"  id="username" name="username"  placeholder="不好于8位" required autofocus value="默认值"
/>

2.单选按钮

<label for="secret">性别</label>
      <input type="radio" name="gender" id="male" value="male" /><label
        for="male"
        >男</label
      >
      <input type="radio" name="gender" id="female" value="femle" /><label
        for="female"
        >女</label
      >
      <input
        type="radio"
        name="gender"
        id="secret"
        value="secret"
        checked
        a
      /><label for="secret">保密</label>

复选框及自定义下拉列表
1.下拉列表，将变量名和多个值分开设置，由用户自己选择；name,value 应该在一个标签内，select

  <label for="level">会员等级</label>
      <select name="level" id="">
        <option value="1">一星会员</option>
        <option value="2">二星会员</option>
        <option value="3" selected>三星会员</option>
        <option value="4">四星会员</option>
      </select>

2.datalist 的ID属性一定要跟 input 的LIST 属性名称一致

<label for="">搜索关键字</label>
        <input type="serch" name="serch" list="keywords" />
        <datalist id="keywords">
          <option value="美女">美女</option>
          <option value="帅哥">帅哥</option>
          <option value="动漫">动漫</option>
        </datalist>

二、CSS基本知识-元素样式来源

默认样式与自定义样式
style样式可以用到当前文档样式使用（<head ></head>之间）,行样式仅限于当前的元素

、 #id+{自定义规则} id 浏览器不检查唯一性

<style>
/* 属性选择器: 选择器+声明块=规则*/
[id='title']{color:red;background-color:yellow}
/* 等同于 # +{规则}*/
#title {color:red;background-color:yellow}
</style>
<p id="title">
今晚测试一下
</p>

class 采用 .名称+{自定义规则}

<style>
/* 属性选择器: 选择器+声明块=规则*/
[class='title']{color:red;background-color:yellow}
/* 等同于 . +{规则}*/
.title {color:red;background-color:yellow}
</style>
<p class="title">
今晚测试一下
</p>

优先级别：!important>style属性 > id > class > tag 前面两种作为调试使用。

对标数字百位权重组合不修改样式表就可以先进行修改（原始样式表不能改动，这时候就可以直接调整。）
上下文选择器
子元素 > | 后代用【空格】| 相邻下一个 + | 所有一起 ~ *

/* 子元素 */
.list> li{ border:1px solid #000}
/* 后代空格 */
.list li{ border:1px solid #000}
/* 相邻 */
.list.item+*{ border:1px solid #000}
/* 所有一起 */
.list.tiem~*{ border:1px solid #000}

表单、元素样式来源及先后顺序原则

一、用户提交表单

GET 与POST 主要区别

二、CSS基本知识-元素样式来源

优先级别：!important>style属性 > id > class > tag 前面两种作为调试使用。

上下文选择器