.net上课笔记(一)

2018.9.10
一些网站：https://www.aulence.com/
上课用软件：http://www.blogzl.com/?p=5821
推荐的软件：echart，electron，node，antd，bootstrap可视化布局系统

上课内容
[[[一]]]标签
**meter标签

**audio标签

<audio src="song.mp3" controls autoplay></audio>

有controls可以控制音乐的，autoplay可以打开页面自己进行播放，loop表示进行循环播放，media可以控制在固定的设备上进行播放，可以用于响应式的使用
为了安全和兼容可以改成

<audio controls autoplay>
        <source src="song.mp3" type="audio/mpeg">
        <source src="song.ogg" type="audio/ogg">
    </audio>

**video标签
同上audio

**form标签

• 登录注册一定是post请求

• **input标签
  

• type为email会查看是否格式化，加上required才可以验证空值相关的，表单中不可以为空
• type为url会查看是否格式化网址
• type为number会有加减的符号，验证数字（包括的属性：max最大值，min最小值，step规定合法数字问题，没点一次加step ，value规定的默认值）
• type为range，同number
• type为date，month，
• type为search，又用来清空的叉
• type为color颜色选择器

• 2018.9.17
  一些推荐：less，sass
  css
  **引入方式

  //1
  <link rel="stylesheet" type="text/css" href="index.css">
  //2更适合大规模开发
      <style>
          @import url("index.css");
      </style>

  **权重
  行内样式权重1000， id 是100，标签1， 继承0，子选择器相加
  行内>内嵌>外链>导入
  两者相同，从上往下近的权重大

  **选择器
  基础选择器：标签选择器，类选择器，id选择器
  伪类选择器：（：hover），（：active），（：focus），（：visited）
  同级选择器：+（p2+p->p3），~(,p2~p->p3,p4)
  属性选择器：[class]有class属性的都被选中，[class^=z]class前面必须有一个z，[class$=‘2’]class以2结尾的