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