首先，如果我說(shuō)答案是 1 個(gè)HTML標(biāo)簽即可,并且并不用:befroe和:after。你信嗎？ 不管你信不信，代碼就在這里： //css .din4 {display : ...
發(fā)簡(jiǎn)信
IP屬地：江西
-
純CSS繪制Boss直聘的Loading，最少需要幾個(gè)標(biāo)簽？
-
HTML+HTML5比較重要的知識(shí)點(diǎn)
HTML5 1.改變:HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體 2.canvas HTML 1.文本顯示為單行，超過(guò)部分隱藏并使用省略號(hào)，實(shí)例: 效果: 文本顯...
-
html5+css3實(shí)現(xiàn)日食動(dòng)畫過(guò)程
html5+css3實(shí)現(xiàn)日食動(dòng)畫過(guò)程 點(diǎn)擊鏈接加入群【前端交流總?cè)孩邸浚?43761540
-
JS新手必過(guò)之—基礎(chǔ)知識(shí)（1）
1.組成部分 DOM（Document Object Model ）：文檔對(duì)象模型；DOM樹,本身為我們操作頁(yè)面元素提供了一套方法(API)。 BOM（Browser Obj...
-
前端小白——tab切換效果
先上圖（本篇涉及html、css、jQuery） 效果如上，如果是前端小白，或許這篇文章很適合你，每個(gè)重要的地方我都會(huì)添加注釋解釋清楚 首先，頁(yè)面當(dāng)然是html碼起來(lái)的嘍，整...
-
JQ中的源碼解析(一)$()創(chuàng)建對(duì)象的實(shí)現(xiàn) 首先我們來(lái)看一下需求$("div")可以創(chuàng)建一個(gè)對(duì)象該對(duì)象可以調(diào)用所有jq的元素公用方法該對(duì)象的方法可以產(chǎn)生鏈?zhǔn)秸{(diào)用 思考過(guò)程$("div")中$是函數(shù)...
-
>>>>> JQ-第一節(jié)
什么是JQ？ 一個(gè)優(yōu)秀的JS庫(kù) 寫越少的代碼，做越多的事情 JQ的好處？ 簡(jiǎn)化JS的復(fù)雜操作 不再需要關(guān)心兼容性 提供大量實(shí)用方法 JQ官網(wǎng) http://jquery.co...
-
偽裝成攻城獅的程序猿
-
原生js實(shí)現(xiàn)查詢?nèi)珖?guó)天氣小應(yīng)用介紹 用原生js實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的小應(yīng)用，可以用來(lái)查詢?nèi)珖?guó)天氣，主要實(shí)現(xiàn)了以下兩個(gè)功能 點(diǎn)開鏈接時(shí)，頁(yè)面自動(dòng)獲取當(dāng)前所在城市，并顯示所在城市的天氣信息 在搜索欄搜索要查詢的城市...
-
-
純CSS實(shí)現(xiàn)一個(gè)微信logo，最少需要幾個(gè)標(biāo)簽？答案是 1 個(gè)標(biāo)簽即可！ //css部份 //主體部份.icon-wexin{display:inline-block;width:64px;height:64px;posi...
-
零基礎(chǔ)的前端開發(fā)初學(xué)者應(yīng)如何系統(tǒng)地學(xué)習(xí)？
?基礎(chǔ)知識(shí)： 1. html + css 這部分建議在 w3school 在線教程 上學(xué)習(xí)，邊學(xué)邊練，每章后還有小測(cè)試。 之后可以模仿一些網(wǎng)站做些頁(yè)面。 2. javascr...
-
CSS3實(shí)現(xiàn)18種Loading效果
昨晚用CSS3實(shí)現(xiàn)了幾種常見的Loading效果，雖然很簡(jiǎn)單，但還是分享一下，順便也當(dāng)是做做筆記…… 第1種效果： 代碼如下： 第2種效果： 代碼如下： 第3-5種效果： 代...
-
前端開發(fā)工程師
-
純CSS3畫出叮當(dāng)貓剛學(xué)習(xí)了這個(gè)案例，然后覺得比較好玩，就練習(xí)了一下。然后發(fā)現(xiàn)其實(shí)也不難，如果你經(jīng)常使用PS或者Flash的話，應(yīng)該就會(huì)知道畫個(gè)叮當(dāng)貓是很容易的事，至少我是這么覺得。但是，用CS...
-
純CSS3畫出小黃人并實(shí)現(xiàn)動(dòng)畫效果
前言前兩天我剛發(fā)布了一篇CSS3實(shí)現(xiàn)小黃人動(dòng)畫的博客，但是實(shí)現(xiàn)的CSS3動(dòng)畫是基于我在站酷網(wǎng)找到的一張小黃人的jpg格式圖片，并自己用PS摳出需要實(shí)現(xiàn)動(dòng)畫的部分，最后才完成的...
-
其實(shí)吧，我比較懶，懶如咸魚。
-
實(shí)用&簡(jiǎn)約的導(dǎo)航網(wǎng)站作為一個(gè)強(qiáng)迫癥患者，接受不了滿屏都是廣告的網(wǎng)址導(dǎo)航站，擁有一個(gè)簡(jiǎn)約的導(dǎo)航網(wǎng)站是十分重要的。今天比較片面的給大家推薦幾個(gè)。 1.果殼任意門 果殼網(wǎng)旗下的導(dǎo)航站，網(wǎng)站分類比較全，...
-
學(xué)生
-
CSS浮動(dòng)與浮動(dòng)清除(BFC)浮動(dòng) 1. 什么是浮動(dòng) 當(dāng)元素的 float 屬性不為 none 時(shí)就產(chǎn)生了浮動(dòng)。 2. 浮動(dòng)的影響 浮動(dòng)會(huì)使元素脫離文檔流，具體表現(xiàn)為：父元素高度塌陷，即不會(huì)包含浮動(dòng)元素。...
