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>

实体符号:

&lt; 小于号
&gt; 大于号
&nbsp; 空格

重点:
换行
横线
实体符
表格(核心)
图片(背景颜色,背景图片)
超链接(核心)
有序、无序列表
表单(核心)
下拉列表
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

热门相关:地球第一剑   豪门闪婚:帝少的神秘冷妻   刺客之王   人间欢喜   薄先生,情不由己