JS 和 CSS 小结

JavaScript(js)

• html中嵌入js代码的三种方式
• js函数定义的两种方式
• js中的6种数据类型以及typeof运算符6种结果
• js中常用事件以及两种事件注册方式
• 回车键捕捉以及void运算符唯一用法
• 控制语句
• 获取和设置各标签属性
• innerText和innerHtml
• 正则以及trim函数
• prototype动态添加方法和属性
• 表单验证
• 周期函数setInterval、clearInterval
• BOM编程之open、close、confirm、location、history
• 顶级窗口的设置
• js中json在开发中的使用

---

CSS

换行：（单目符）
<br>

保留格式：

<pre>
	xxx
</pre>

实体符号：

< 小于号
> 大于号
  空格

重点：
换行
横线
实体符
表格（核心）
图片（背景颜色，背景图片）
超链接（核心）
有序、无序列表
表单（核心）
下拉列表
file控件
隐藏域hidden控件
readonly和disabled
控制可输入的字符数maxlength

html中引入css样式的三种方式：

1. 内联定义
2. 样式块
3. 引入css文件

https://www.bilibili.com/video/BV1ov411M7hP/?spm_id_from=autoNext
汉堡菜单：https://codepen.io/erikterwan/pen/EVzeRP
css弹出效果：https://codepen.io/imprakash/pen/GgNMXO
css下拉选择：https://codepen.io/imprakash/pen/VejpQP
下拉式菜单：https://codepen.io/andornagy/pen/xhiJH
CSS图片轮播图：https://codepen.io/AMKohn/pen/EKJHf
侧边栏菜单：https://codepen.io/plavookac/pen/qomrMw
悬停按钮：https://codepen.io/kathykato/pen/rZRaNe
按钮悬停效果：https://codepen.io/sfoxy/pen/XpOoJe
CSS开关按钮：https://codepen.io/himalayasingh/pen/EdVzNL
CSS输入文本动画：https://codepen.io/alewinski/pen/grqgqx
CSS动画菜单：https://codepen.io/joellesenne/pen/qtLEG
CSS提示：https://codepen.io/cristina-silva/pen/XXOpga
CSS表格：https://codepen.io/alexerlandsson/pen/mPWgpO
CSS分段控件：https://codepen.io/fstgerm/pen/Jafyj
纯CSS响应式选项卡：https://codepen.io/Fallupko/pen/ruLdg
CSS下列菜单：https://codepen.io/Moslim/pen/gmzvQj
响应式CSS标签：https://codepen.io/imprakash/pen/epZvbQ