原创 CSS3學習筆記-04-詳解各種文本修飾

文章目錄一、字體的使用1.1定義字體 @font-face二、字體樣式2.1 字重定義 font-weight2.2 字號 font-size2.3 行高設置 line-height2.3 字體風格 font-style2.4 組

原创 HTML5學習筆記-01-html語義化標籤

文章目錄一、URl二、網頁頭部聲明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”區別2.1 聲明英文網站2.2 聲明中文網站三、meta3.1 keyword 表示搜索關鍵字3.2 descri

原创 HTML5-03-視頻播放器 全面解析

文章目錄一、定義video二、控制菜單2.1 顯示控制菜單2.2 autoplay+muted 實現自動播放(會靜音)2.3 封面 poster2.4 preload 視屏加載方式2.5 loop 循環2.6 source 指定優

原创 HTML5學習筆記-02-表單屬性

文章目錄一、fieldset + legend二、必須輸入required 輸入提示placeholder三、input 類型3.1 password3.2 email3.3 url3.4 tel3.5 number3.6 hid

原创 JS學習筆記-判斷文本域當中滾動條的位置、滾動條下拉至底部纔可以提交

老規矩,廢話不多說,先來看效果: CV即可直接使用,有什麼在這裏插入代碼片問題可以留言或者私信,筆者看到都會第一時間回覆的。 代碼: <!DOCTYPE html> <html> <head> <meta http-equiv=

原创 JS學習筆記08-瀏覽器BOM

文章目錄一、BOM基礎1.1 打開窗口1.2 關閉窗口1.3 常用屬性1.3.1 window.navigator.userAgent 瀏覽器信息 客戶端信息1.3.2 window.location url信息1.4 補充知識

原创 JS如何獲取、設置、刪除、添加 select下拉菜單的value以及文本內容

html代碼: <html> <body> 書籍分類: <select id="s1" > <option value="1">教學類</option> <option value=

原创 JS學習筆記06-創建、插入、刪除節點

文章目錄一、創建DOM元素1.1、createElement('標籤名');1.2、appendChild(); 添加到末尾1.3、再對創建的li添加一點文字二、insertBefore 插入元素三、removeChild() 刪

原创 PDO方式連接數據庫、PHP連接數據庫

文章目錄一、什麼是PDO?二、PDO的作用與特點2.1 統一各種數據庫的訪問接口三、PDO的啓用3.1 我們可以使用 phpinfo() 函數來查看是否開啓。四、通過PDO連接數據庫4.1 PDO的構造函數4.1.1 exec()

原创 Sass學習筆記-Sass快速入門03

文章目錄一、字符串函數1.1 to-upper-case() 全部轉爲大寫1.2 to-lower-case() 全部轉爲小寫1.3 str-length() 返回字符串長度1.4 str-index() 返回指定字符在字符串中首

原创 Sass學習筆記-Sass快速入門02

文章目錄一、嵌套屬性二、mixin (類似JS函數)2.1 darken (加深指定的顏色)2.2 調用mixin三、@extend 繼承或者擴展四、 @import 與 Partials五、註釋5.1、多行註釋5.2、單行註釋

原创 JS學習筆記09-運動基礎1

文章目錄一、運動基礎1.1 通過定位的left、top讓DIV動起來二、側邊欄2.1 offsetLeft 元素邊框外側到瀏覽器窗口內側的距離三、淡入淡出圖片3.1 opacity:0-1; 設置元素的透明度 一、運動基礎 1

原创 JS學習筆記13-事件基礎-event對象

文章目錄一、event對象和事件冒泡1.1 什麼是event對象1.2 document1.3 event.clientX event.clientY 鼠標點擊的X座標和Y座標1.4 事件冒泡1.5 event.cancelBub

原创 JS學習筆記16-精通Ajax

文章目錄一、 什麼是Ajax?二、 Ajax的執行過程2.1 創建Ajax對象2.2 .open() 連接到服務器2.3 .send() 發送請求2.4 .onreadystatechange 事件 接收返回值 一、 什麼是Aja

原创 JS學習筆記14-事件中級 實現可拖動DIV

文章目錄一、默認行爲(默認事件)1.1 oncontextmenu 右鍵菜單1.2 阻止鍵盤錄入1.3 實例 自定義右鍵菜單1.4 實例 只能輸入數字的輸入框二、拖拽(Drag)2.1 onmouseclick 鼠標點擊2.2 o