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