原创 圖文詳解 新的input類型和屬性

新的input類型和屬性email類型日期時間類型range類型search類型number類型url類型新的input公用屬性1.autofocus屬性2.pattern屬性3.placeholder屬性4.required屬性

原创 Python數值運算操作符

數值運算操作符 操作符及使用 描述 x+y 加,x與y之和 x–y 減,x與 y之差 x*y 乘,x與y之積 x/y 除,x與y之商 10/3結果是3.3333333333333335 x // y

原创 [ Python ] 原來集合、元組、列表、字典類型及操作這麼簡單,看完簡直秒懂!

看完簡直秒懂!集合類型及操作集合類型定義集合處理函數及方法集合類型應用場景序列類型及操作序列類型定義序列處理函數及方法序列類型應用場景(元組與列表)元組類型及操作元組類型定義元組類型操作列表類型及操作列表類型定義列表處理函數及方法

原创 [ JavaScript ] 敲完這幾行代碼,DOM基本操作也就學會了!

Dom基本操作DOM查找節點的類型 nodeType遍歷節點樹基於元素節點樹的遍歷節點的四個屬性DOM繼承樹DOM修改修改屬性修改樣式DOM添加添加元素優化 帶着例子學Dom 幾行代碼就搞定! DOM查找 document代表整個

原创 【 JavaScript 】異步加載 時間線一覽

異步加載js javascript 異步加載的三種方案 defer 異步加載,但要等到dom文檔全部解析完纔會被執行。能把js寫在script 標籤裏。只有IE能用。 async 異步加載,加載完就執行,async只能加載外部腳

原创 相對路徑 學習筆記

相對路徑訪問 同級目錄下文件 子目錄下文件 父目錄下文件 示例: we are 3.py 2.py 1.py 1.py訪問2.py 方法一:'./we/2.py' 方法二:'we/2.py' 1.py訪問3.py

原创 [ js事件實例 ]定製專屬於你的可拖動顏色漸變小球吧!

js事件練習 拖拽應用 定製專屬於你的小球吧 部分顏色 漸變效果 知識點總結詳細,封裝函數主要解決瀏覽器的兼容性問題(希望看到這篇博客的你收穫多多) <!DOCTYPE html> <html lang="en"> <head

原创 [ Demo ] 巧用img-date 塗色卡實例

輕鬆愉快的塗色卡 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wi

原创 圖文詳解 表單的驗證方式

HTML5的input元素驗證方式包括:自動驗證方式1.min屬性和max屬性2.step屬性調用checkValidity()方法實現驗證自定義提示信息設置不驗證 自動驗證方式 HTML5表單自動驗證主要是通過表單元素的屬性設置

原创 html/css 個人網站實例(一)

顯示效果 HTML代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="

原创 [ CSS-CSS3 ] 更適合你的CSS樣式一覽表

CSS樣式一覽表CSS樣式CSS添加方法CSS選擇器CSS樣式(I) 文本CSS樣式(II) 背景與超鏈接CSS樣式(III) 列表與表格CSS佈局與定位盒子模型(I) overflow和border盒子模型(II) paddin

原创 圖文詳解 video和audio元素的屬性、事件及使用

圖文詳解 video和audio元素的屬性、事件及使用HTML5的多媒體元素多媒體元素的屬性autoplay屬性controls屬性error屬性poster屬性networkState屬性width與height屬性readyS

原创 圖文詳解 Python字符串類型及操作

字符串類型 字符串是由0個或多個字符組成的有序字符序列。字符串由一對單引號或一對雙引號表示 "請輸入帶有符號的溫度值: " 或者 ‘C’。字符串是字符的有序序列,可以對其中的字符進行索引 “請” 是 "請輸入帶有符號的溫度值:

原创 [ Demo ] HTML/CSS/JS 炫酷魔方

先來展示一下效果吧~ 文件夾目錄 HTML代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo

原创 網頁命名規範+注意事項

網頁命名規範+注意事項網頁內容類id的命名頁面結構導航區功能區class的命名注意事項推薦的 CSS 書寫順序 網頁內容類 標題: title 摘要: summary 箭頭: arrow 商標: label 網站標誌: logo