原创 106. 行內標籤span 設置position:absolute 變爲inline-block 可設置寬高
發現問題過程： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d
2020-06-29 09:01:36
1
原创 120. 居中（DarkCode與CSS Secrets）
1. Text Align 對象：行內元素， div內文字，匿名容器（沒有被標籤包裹的文本節點） 效果：水平居中 方法：對其父元素引用text-align <!DOCTYPE html> <html lang="en"> <head>
2020-06-29 08:22:03
原创 CSS sercrets 雜七雜八
Chrome瀏覽器縮放比例25%-500% 1em本身是變量，存儲當前變量尺寸。類似currentcolor以及inhert 顏色是一門功課 CSS 原理 應用 全貌 經典 難
2020-06-29 08:22:03
1
原创 130. 6 Awesome Css Filters For Images You Should Know
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
2020-06-29 08:22:03
原创 114. 3d Social Media Buttons With Awesome Hover Using Only HTML & CSS
1. 父容器設置display:inline-flex後會包裹子容器。 2. div的特性 div不設置height與weight情況下，佔據一行。設置後，雖然不佔用整行，卻又換行效果。 <!DOCTYPE html> <html
2020-06-29 08:22:03
原创 74.Background 背景圖片問題
1. background-position: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width
2020-06-29 08:22:03
原创 8. 未解之謎
父子元素均設置：position：absolute 子元素的寬度爲自適應。由內容決定 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met
2020-06-29 08:22:03
原创 154. Amazing Alert Buttons With Only HTML and CSS
1. 用<a>製作button效果，需要設置text-decoration padding display .btn{ text-decoration: none; padding: 14px 20px; di
2020-06-29 08:22:03
原创 126.選擇器參考手冊，以及元素的排列方向
選擇器參考手冊 修改box內部元素的排列方向 .box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50
2020-06-29 08:22:03
原创 94. Folded Box - Only By Using HTML & CSS
.test{ width: 100px; height:100px; background: deepskyblue; border-color:black; border-width:40px;
2020-06-29 08:22:03
原创 jQuery mooc學習
第2章 jQuery選擇器 jQuery給我們提供了大量的選擇器，通過豐富的選擇器我們能夠更方便的對元素進行樣式和動畫的操作 第3章 jQuery的屬性與樣式 本章主要介紹jQuery中獲取、增加、移除元素的屬性；獲取、添加元
2020-06-29 08:22:03
原创 92. Responsive and Fixed Navigation Menu - Responsive Web Design
1. 引用下曹劉陽寫的《編寫高質量代碼-web前端開發修煉之道》一書中看到的一句話： position：absolute和float會隱式地改變display類型，不論之前什麼類型的元素（display:none除外）， 只要設置了pos
2020-06-29 08:22:03
原创 Javascript學習環境搭建
下面的信息來自嗶哩嗶哩的up主光影嗶哩 https://www.bilibili.com/video/av21010015?from=search&seid=5290130314629895906 步驟： 1. 安裝最新版本的node
2018-09-30 09:47:57
2