原创 background背景的寫法

background:background-image:背景圖片的路徑:url("")background-size:背景圖片的尺寸。這裏我想詳細講講尺寸的幾種寫法背景圖片的大小有兩個值,一個值是寬,一個值是高,一px用像素代表,如果一個

原创 1--html基礎

html的特點html標籤是由尖括號包圍的關鍵詞標籤中的第一個標籤是開始標籤 第二個是結束標籤通常是成對存在 ,也有是單獨存在伴隨着有屬性和屬性值css樣式css的註釋/**/css層疊樣式:後面的樣式會把前面的樣式覆蓋,是網頁化妝師三種

原创 git怎麼用

git bash 出現了界面自報家門 git config --global user.name yyy 輸入自己的名字 按enter鍵輸入郵箱 git config --global user.email ...清屏 clear本地完成

原创 2.html-div盒子模型

div盒子模型div標籤是劃分標籤 、分區標籤可以放置寬度 高度 及各類css樣式邊框線border:1px solid red分別爲邊框的寬度 邊框樣式 邊框顏色分別寫:border-width border-color border-

原创 javascript14--classlist

classlist<style> body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin:0;} ol,ul,li{margin:0;padding:0;list-style:none;} im

原创 案例 ---點亮星星

步驟一:實現鼠標移入 左邊的星星點亮 右邊的星星熄滅 文字發生改變步驟二:實現鼠標移出 星星熄滅 文字發生改變步驟三:實現點擊後 左邊星星點亮 右邊星星熄滅 文字發生改變移出鼠標 還是左邊星星點亮 右邊星星熄滅

原创 javascript---28--DOM文檔對象模型

節點什麼是節點你好是文本節點<div>元素節點class id value是屬性節點<!--<div>註釋結點</div>-->註釋節點獲取節點ele.childNodes獲取元素節點+ 文本節點 但是隻獲取子代不能獲取孫子代<div i

原创 javascript--40--正則

元字符正則表達式:是一套規則 字面量:// new RegEXP("這中間就是規則");一般用來處理字符串的查詢或者替換工作元字符:\ 轉移符\d 匹配數字 【0-9】\D非數字 var str="123abdfns"; var

原创 javascript--38--完整版事件封裝

事件監聽監聽多個事件傳多個事件類型<body> <div id="box"></div> <script> eventBind(box,"click",function (event) { console.l

原创 javascript---33--event對象事件監聽

event對象 冒泡與捕獲<style> *{ padding: 0; margin: 0; } .box{ width: 100px;

原创 javascript--34--默認行爲和滾動事件

默認行爲 移動端用的多默認行爲:選中複製選中文本事件document.onselectstartdocument.onselectstart = function(){ console.log("選中"); } 每選擇一次

原创 javascript--29--cssom視圖模式

CSSOM視圖模式獲取窗口的寬高window.innerWidth 窗口寬度console.log(window.innerWidth);結果是1120 ,當縮小瀏覽器刷新就會變小window.innerHeight 窗口高度 但是從ie

原创 javascript--22--日期對象

回顧定時器function f1() { console.time("time span"); } function f2(){ console.timeEnd("time span");

原创 javascript--37--事件委託

事件委託 在大盒子上綁定事件 但是觸發的是子節點<body> <div class="box"> <ul> <li>列表1</li> <li>列表2</li> <li>列表3</li> <li>列表4<

原创 javascript--35--表單事件 鍵盤事件

表單事件表單基本佈局<form action="" class="user-reg"> <label class="form-item"> <strong>用戶名:</strong> <p> <input