原创 HTML DOM概念及相關操作
1.DOM： 文本對象模型DOM（Document Object Modal）當頁面在加載時，瀏覽器爲頁面生成DOM，被構造爲對象的樹，倒立的樹。
2020-06-23 02:54:10
原创 九九乘法表-javascrip循環結構
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>九九乘法表</title><sty
2020-06-23 02:54:10
原创 HTML5和CSS3動畫效果知識點總結
1.響應式佈局； 響應式佈局有兩種方法：1. 流式佈局：百分比佈局（寬，高，定位置） 所謂百分比，尺寸的百分比：基於父級的百分比。 流式佈局需要在h
2020-06-23 02:54:10
原创 校驗用戶輸入的生日
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title></head><b
2020-06-23 02:54:10
原创 旋轉的魔方-3D
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Docume
2020-06-23 02:53:58
原创 取消冒泡事件方法
方法一： event.cancelBubble = true; //取消冒泡事件 方法二： event.stopPropagation(); //停止傳播 也能取消冒泡事件 點贊 收藏 分享 文章舉報
2020-02-22 20:10:11
原创 css的引入方式
內聯樣式 style屬性優點：1. 優先級最高缺點：1. 垃圾代碼多 2. 與js有衝突 3. 不利於維護 內部引入樣式:(style標籤)
2020-02-22 20:10:11
原创 事件捕獲與事件冒泡
addEventListener(事件，函數，useCapture)，第三個參數爲true和false有什麼區別 參數3 useCapture 父級第三個參數爲真，表示捕獲，從父級到子級發生，無論子級是啥，都是從父級-->子級 父級第三個
2020-02-22 20:10:11
原创 CSS3新屬性 border-radius版企鵝
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Docume
2020-02-22 20:10:11
原创 表格版個人簡歷
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Docume
2020-02-22 20:10:11
原创 盒模型
margin border padding content 如何實現盒子居中: 設置好寬度後 margin: 0 auto; 通常情況下：父子關係產生邊距，一般用padding去解決問題，而兄弟關係產生邊距一般用margin
2020-02-22 20:10:11
原创 css選擇器&選擇器的優先級
<!-- css選擇器 --> 1.id # 2.class . 3.標籤名 div 4.羣組（.div, #div2） 5.後代（div p）空格
2020-02-22 20:10:11
原创 盒子六環
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>六環</ti
2020-02-22 20:10:11
原创 H5新標籤&新功能
1. H5新標籤 語義標籤： <article>定義文章</article><aside>定義文章側邊欄</aside><figure>定義一組媒體對象以及文字內容</figure><figcaption>定義figure的標題</fi
2020-02-22 20:10:11
原创 css3選擇器
屬性選擇器：a[href]: 所有a標籤中 帶有href屬性名的標籤。a[href="#"]: 所有a標籤中，href屬性值爲#號的。a[href~="##"]: 所有a標籤中，href屬性值包含多個詞彙，其中有##，多個詞彙用空格相連a
2020-02-22 20:10:11