原创 校驗文本框內容

一、校驗數字的表達式 1 數字:1*$ 2 n位的數字:^\d{n}$ 3 至少n位的數字:^\d{n,}$ 4 m-n位的數字:^\d{m,n}$ 5 零和非零開頭的數字:^(0|[1-9][0-9]*)$ 6 非零開頭的最多帶

原创 圖片跟隨鼠標飛

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圖片跟着鼠標飛</title> <style> img

原创 一部分兼容代碼

//foreach的兼容代碼 if (!Array.prototype.forEach) { Array.prototype.forEach = function(callback, thisArg) {

原创 簡單的利用js使文字閃爍改變顏色

今天有一些想法就試着寫了 且看且珍惜 比較簡單 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字特效3</title> <

原创 關於鼠標的樣式,文字域的小

鼠標的樣式cursor 設置或檢索在對象上移動的鼠標指針採用何種系統預定義的光標形狀 cursor: default (小白) | pointer 小手| move(移動(十字型) | text 文本(豎線) 輪廓outline:

原创 定位

定位(position) 1.爲什麼要用定位? 爲了實現更牛逼的網頁 元素的定位屬性: 包括定位模式和邊偏移量兩部分: 邊偏移量 邊偏移屬性的 描述: top; 頂端偏移量,定義元素相對於其父元素上邊線 的距離. bottom :

原创 浮動

體會浮動 什麼是浮動? 元素脫離了普通的標準流 的控制,移動到其父元素中指定位置的過程.在CSS中,通過float屬性來定義浮動,其基本格式 float:left | right |none; left:靠左(如果有下一個一樣會緊跟上

原创 定位 的分類

定位的分類 ** 1. 靜態定位(static) ** 就是網頁所有的元素都默認都是靜態定位,其實就是標準流的特點。在靜態定位狀態下,無法通過邊偏移屬性(top、bottom、left、right)來改變元素的位置。 靜態定位唯一的用

原创 HTML-----表單標籤

<input/>單標籤 <input type="text(文本)"/> type屬性: text (單行文本輸入框) password(密碼輸入框) radio(單選按鈕) checkbox(複選框) button (普通按鈕)

原创 text-decoration裝飾

text-decoration裝飾: text-decoration:none(默認) text-decoration:blink(閃爍) text-decoration:underline(下劃線) text-decoratio

原创 鏈接僞類選擇器

用:表示 :link 位訪問的鏈接 :visited 已經訪問過的鏈接會發生改變 :hover 鼠標移動到鏈接上會發生改變 :active 選定的鏈接 順序不能變 <!DOCTYPE html> <html lang="

原创 HTML標籤---表格

表格分成行,但是無列,行內分爲單元格。 大框架 行 單元格 表頭 主體 樣式:cellspacing=”0”//設置單元格與單元格邊框之間的空白距離 cellpadding=”0”//設置單元格與單元格之

原创 HTML-------標籤

HTML分爲單標籤和雙標籤 單標籤: <br/>//換行標籤 <hr/>//單標籤,表示一條直線 <img/>//圖片 //<img src= "路徑(路徑屬性:url)"alt = "字文本(圖片不能表示,則顯示文字內容)"title

原创 sublime Text3以及插件安裝

sublime Text3以及插件安裝 對於他的安裝小白我呀深受其害,所以寫下第一篇博客爲了讓你一次裝好,重點有加粗 但你看到這篇博客,想必你一定將sublime text3 的軟件壓縮包拿到手了,沒有那倒也沒有關係你可以到官網下載,雖

原创 利用CSS製作翻轉後不同的兩面

我們需要兩張大小一樣的圖片,一張做前面,一張當做反轉後的, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子翻轉</title