原创 精靈圖背景（js）
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { marg
2020-07-07 00:06:38
原创 常見的鼠標事件（js）
鼠標事件 觸發條件 onclick 鼠標點擊觸發 onmouseover 鼠標經過觸發 onmouseout 鼠標離開觸發 onfocus 獲得鼠標焦點觸發 onblur 失去鼠標焦點觸發 onm
2020-07-07 00:06:38
原创 密碼的顯示與隱藏（js）
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box { w
2020-07-07 00:06:38
3
原创 點擊關閉廣告
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box { p
2020-07-07 00:06:38
原创 文本框內容的隱藏與顯示（ onfocus 與 onblur ）
獲得焦點： onfocus 失去焦點： onblur <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type=
2020-07-07 00:06:38
原创 css精靈技術
css精靈技術 簡單的說，css精靈是一種處理頁面 背景圖像 的方式，它將一個頁面涉及到的所有零星背景圖像都集中到一張大圖中去，然後將大圖應用於頁面，這樣，當用戶訪問該頁面時只需向服務發送一次請求，網頁中的背景圖像即可全部展示出來
2020-06-16 07:24:50
原创 ps圖層操作
基本操作 文件下拉菜單： 1. 新建 新建文檔 CTRL+N 單位： 像素 釐米 毫米 屏幕顯示： 單位 像素 72像素/英寸（網頁傳輸圖片的分辨率是72） RGB顏色模式 2. 關閉文檔
2020-06-16 07:24:50
原创 盒子案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
2020-06-16 07:24:50
原创 a元素的相關使用 與 URL
<div> <p>打開別人的網頁</p> <div> <a href="http://www.baidu.com" target="_blank">百度一下</a> </div> <
2020-06-16 07:24:49
原创 旋轉輪插圖
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> /* body { perspective: 1
2020-06-16 07:24:49
原创 伸縮佈局 css3
css3在佈局方面做了非常大的改進，使的我們對塊級元素的佈局排列變得十分靈活，適應性非常強，其強大的伸縮性，在響應式開中可以發揮極大的作用。 主軸：Flex容器的主軸主要用來配置Flex項目，默認是水平方向 側軸：與主軸垂直的軸稱
2020-06-16 07:24:49
原创 去掉li前的點,取消a下劃線等問題
ul { list-style: none; /*去掉列表樣式小點*/ } a { color: #050505; text-decoration: none; /*取消下劃線*/ } h
2020-06-16 07:24:49
原创 css用戶界面樣式
所謂界面樣式，就是更改一些用戶操作樣式，比如更改用戶的鼠標樣式，表單輪廓等，但是比如滾動條的樣式改動受到了很多瀏覽器的抵制，因此我們放棄了，防止表單域拖拽 鼠標樣式cursor 設置或檢索在對象上移動的鼠標指針採用何種系統預定義的
2020-06-16 07:24:49
原创 定位盒子居中對齊寫法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
2020-06-16 07:24:49
原创 更清晰的查看網頁結構
想看一些網頁結構時候 給div增加outline結構 div { outline: 2px solid red !important; } 打開檢查的快捷鍵ctrl+shift+i 或者 f12 鍵
2020-03-14 19:38:54