聊一聊HTML <pre>標簽
我們經常會在要保持文本格式的時候使用pre標簽,比如當我們要展示源代碼的時候,只要放一個pre標簽,然後把源代碼直接復制,粘貼,然後在頁面上就可以保持好格式。不會像放在其
前端知識的一些總結
作為一個JAVA WEB猿,肯定需要懂前端。在慢慢地轉型過程中,積累了相關的一些知識,做一些總結,溫故知新。1.水平、垂直居中的幾種方式:html:<div cla
SVG實現描邊動畫
說起SVG,我是恨它又愛它,恨它是因為剛開始接觸的時候自己傻B地想用代碼去寫它,其實在web上我們用它做交互也只是用了幾個常用的特性而已,其他的標簽知道這麼一回事就成了,
DIV和SPAN的區別
DIV和SPAN的區別DIV與SPAN的區別DIV 塊元素,span是行內元素Span的寬度依照包圍著對象的寬度而定,所以不能用寬度屬性width設置span標記內對象的
svg base64圖片代碼
好多h5頁面有出現data:image/png;base64,後面跟了一串類似亂碼的字母查了下原來這也是svg或者是圖片<img src=“data:i
做一個會PS切圖的前端開發
系列鏈接 做一個會使用PS的前端開發 做一個會PS切圖的前端開發切圖方法分類  
做一個會使用PS的前端開發
做前端開發的需不需要PS 記得在之前的老東家做某一個系統開發,當時正在做界面開發,發現界面還需要添加幾個圖標,於是把這個需求反饋給了項
Html與CSS快速入門01-基礎概念
Web前端技術一直是自己的薄弱環節,經常為了調節一個簡單的樣式花費大量的時間。最近趁著在做前端部分的開發,果斷把這部分知識成體系的惡補一下。內容相對都比較簡單,很類似工具
愛心符號文本,方塊黑桃等文字
♠ ♣ ♥ ♦ ♤ ♡❤ ❥ ♡ &
css 雪碧圖 及jquery定位代碼
無意間發現了一個很神奇的事情,就是 鼠標懸停在圖片上方會切換,起初以為圖標是單獨插入的。但發現居然是一張完整的圖片。一萬只草泥馬在心中奔騰。這是怎麼實現的?後來
利用css3+js實現簡單帶立體過渡效果的圖片切換(chrome浏覽器)
<!DOCTYPE HTML><html lang=en-US><head> <meta charset=UTF-8>
Chrome 開發工具之Timeline
之前有說到Element,Console,Sources大多運用於debug,Network可用於debug和查看性能,今天的主角Timeline更多的是用在性能優化方面
網頁設計前端——盒子模型
1、盒子模型的寬高以及padding和border的認識 盒子的寬高不是CSS樣式的寬高,CSS樣式裡的寬高只是內容的寬高,而盒子真實的寬高計算:寬:內容寬+paddi
談談網頁的字體的設置
設置全站的字體一直是一個簡單而又不簡單的事,因為深入下去,這裡面牽扯到太多的東西。本文主要是想說說對於一個普通的網站,如何根據自己的需求選擇字體。為經驗總結,供需要的朋友
自適應網頁設計(Responsive Web Design)
隨著3G的普及,越來越多的人使用手機上網。移動設備正超過桌面設備,成為訪問互聯網的最常見終端。於是,網頁設計師不得不面對一個難題:如何才能在不同大小的設備上呈現同樣的網頁
重新梳理HTML基礎知識
緣起 HTML(HyperText Markup Language超文本標記語言)是用於構建web頁面的標記語言和通用標准。它並不是一項新的發明,因為超文本(具有超鏈
HTML 透明、陰影,圓角等知識點
table兩個屬性:cellpadding:內容與單元格邊框的距離,內部距離cellspacing:單元格之間的距離,外部距離超鏈接去下劃線: &n
Markdown 簡明語法手冊
Markdown 簡明語法手冊根據個人使用情況有所修改。Markdown是一種輕量級標記語言,簡稱md。創始人為約翰·格魯伯(John Gruber)。它允許人們“使用易
html input readonly 和 disable的區別
Readonly和Disabled它們都能夠做到使用戶不能夠更改表單域中的內容。但是它們之間有著微小的差別,總結如下: R
AngularJS學習手冊
看書和視頻結合是學習的最高效方式,看了這本書之後對angularjs才算是有一定的理解了。這本書以搭建一個博客為線索講解了angularjs的知識點和實際項目開發流程。非