作為一個(gè)半前端工程師，而且只會(huì)寫點(diǎn)HTML5和CSS3的“假”前端工程師，為了能更好地理解一下前端的花花世界，最近拜讀了《高性能網(wǎng)站建設(shè)指南》一書，對(duì)作者提出的前端...
Adaptive?Backgrounds?是一款很特別的?jQuery?插件，可以從圖像中提取主導(dǎo)顏色并將它應(yīng)用到它的父元素。這個(gè)插件利用?Canvas?元素和?ImageData?對(duì)象。需要注意的是，由于跨站...
浮動(dòng)Floats是CSS中的一種布局方式。由于浮動(dòng)特性，容器如果沒有明確設(shè)定高度，會(huì)依照普通流內(nèi)元素高度設(shè)置，這樣就會(huì)導(dǎo)致脫離普通流的浮動(dòng)元素溢出容器，影響其后元素布...
8大網(wǎng)頁前端界面必備jQuery插件為大家展示更好的用戶體驗(yàn)......
前段時(shí)間整理了CSS3中的漸變Gradient、透明度RGBA、邊框圓角box-radius三個(gè)新屬性的使用方法，這幾次繼續(xù)整理了有關(guān)于CSS3的text-shadow的使用方法。今天特意花了點(diǎn)時(shí)間貼上...
我們?cè)谠O(shè)置DIV高度的時(shí)候，會(huì)用到一個(gè)height:100%的大小，來讓div撐滿瀏覽器高度，那么如何才能讓div的cssheight:100%生效呢，方法就是在css當(dāng)中增加上html,body{margin:0;...
首先我先拋出制作這個(gè)搜索框的細(xì)節(jié)：1）文本輸入框要有內(nèi)陰影。2）文本框與按鈕要對(duì)齊。最直接的制作方法，文本輸入框的內(nèi)陰影我們可以用圖片來做......
1.給你的logo添加替代文本
這樣有兩個(gè)好處：屏幕閱讀器能識(shí)別logo圖片代表的含義，圖片未加載到時(shí)，也能告訴非視障用戶那里是你的logo。
幾種方法：
或者，你...
騰訊內(nèi)部飯卡充值改版項(xiàng)目的CSS3動(dòng)畫經(jīng)驗(yàn)總結(jié)。本教程主要研究循環(huán)動(dòng)畫，各個(gè)動(dòng)作之間的過渡有規(guī)律性。...