Time of Update: 2017-02-28
文章簡介:Eric Meyer和YUI)的 css reset /* Normalizes margin,padding */body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0;padding:0}/* Normalizes font-size for headers */h1,h2,h3,h4,h5,h6 {
Time of Update: 2017-02-28
在css選取器中有這樣子的寫法div:before、div:after,對於before、after來說有部分人是相當陌生的,那麼這兩個標籤是什麼呢?有什麼用處?:befor、:after是CSS的虛擬元素,什麼是虛擬元素呢?虛擬元素用於向某些選取器設定特殊效果。我們用CSS手冊可以查詢到其基本的用法:E:before/E::before 設定在對象前(依據對象樹的邏輯結構)發生的內容。用來和content屬性一起使用E:after/E::after
Time of Update: 2017-02-28
文章簡介:網頁登陸表單一實例。
Time of Update: 2017-02-28
文章簡介:css3製作網頁執行個體:點擊切換不同的CSS列表. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">&
Time of Update: 2017-02-28
文章簡介:前端入門10個css bug順口溜。 css瀏覽器不相容很折騰人。天外飛仙在其他網站上趴下來的,讀了遍,還真是回事,說的蠻好的,就轉來,權當給自己做筆記,俗話說的好,好記性不如爛筆頭,也順便給大家分享。一、IE邊框若顯若無,須注意,定是高度設定已忘記;二、浮動產生有緣故,若要父層包含住,緊跟浮動要清除,容器自然顯其中;三、三像素文本慢移不必慌,高度設定幫你忙;四、相容各個瀏覽須注意,預設設定行高可能是殺手;五、獨立清除浮動須銘記,行高設無,高設零,設計效果兼瀏覽;
Time of Update: 2017-02-28
文章簡介:這篇文章講到的特性,最贊的一點是它們解決了現實的問題,從瑣碎而繁複的選取器到建立響應式網站的新挑戰。實際上,我期待每一個特性被使用到最普通的項目當中。 未來的CSS太讓人興奮了:一方面,是全新的頁面配置方式;另一方面,是酷炫的濾鏡、顏色等視覺效果。這些CSS,受開發人員追捧,被雜誌和部落格文章鋪天蓋地地介紹。如果說這些特性是CSS華麗的一面,那我們來看看它樸實的一面:很不起眼的東西,如選取器、單位、函數(方法)。我經常說這是繁瑣的東西,但我意思是它們能幹漂亮的活,
Time of Update: 2017-02-28
文章簡介:css中英文字母和漢字行高不一樣的解決辦法。 最近在寫一個css的時候遇到一個問題:英文字母和漢字的行高不一樣,導致在全漢字、全英文字母以及漢字字母混合時設定好的margin或padding 屬性出現偏差…當然這種情況之存在於IE瀏覽器,Safari、Google
Time of Update: 2017-02-28
文章簡介:css中hideFocus的用法. css中hideFocus的用法簡單說:hideFocus是對超連結外虛線框的設定!hideFocus即隱藏聚焦,具有使對象聚焦失效的功能,其功能相當於: onFocus="this.blur()"它的值是一個布爾值,如hideFocus=true。也可省略賦值直接寫hideFocus。
Time of Update: 2017-02-28
文章簡介:CSS標籤文法:詳解選擇符中的關係選擇符.
Time of Update: 2017-02-28
一個java網站,使用tomcat伺服器,那麼需要把網站的css 、images、js都需要分離。用不同的網域名稱的話,會碰到跨域的情況。為此,使用apache的代理來實現分離工作css 、images、js資源全部放到src.test.com/css/……src.test.com/images/……src.test.com/js/……java 網站tomcat 伺服器訪問方式ajp://127.0.0.1:8009/ 其實是http://127.0.0.1:8080/apache httpd.
Time of Update: 2017-02-28
今天看到老外的一個ppt,名字叫《the css of
Time of Update: 2017-02-28
CSS索引一.CSS樣式選取器 21. 通用選取器——{font-family:"宋體"; declaration2; ... declarationN }
Time of Update: 2017-02-28
以前看jQuery的時候一直看不懂,為什麼$()這個Factory 方法能做那麼多事, 裡面對DOM的選擇功能太強大了!今天看了《CSS入門經典》這本書,原來CSS本身就有這麼多選取器,之前看jQuery的代碼,一直沒搞明白jQuery怎麼解析裡面的參數。從中總結了一個經驗:基礎不好不要去看那些架構,越看越糊塗。言歸正傳:1, 類別選取器 .planet{position: absolute;top:0;left:0;bottom:15px;}用一個點開頭,後面接類名本身,類名不能有空Ċ
Time of Update: 2017-02-28
第三天
Time of Update: 2017-02-28
CSS語言是樣式定義語言,不含任何標記。如:.myStyle1 {border-style: outset; border-width: medium; background-color:#006600;text-indent:42px;
Time of Update: 2017-02-28
文章簡介:這是一些採用HTML, CSS, 和Javascript開發的遊戲。有些甚至只用到了CSS技術。 這是一些採用HTML, CSS, 和Javascript開發的遊戲。有些甚至只用到了CSS技術。1. Whack-a-Rat – CSS only game2. SURVIVOR (1982 Commodore 64 game remake)3. Sumon4. 3D – CSS puzzle5. Duck Hunt6. Dino Pairs
Time of Update: 2017-02-28
文章簡介:CSS虛擬元素before、after妙用:製作時尚焦點圖相框 在css標籤中有這樣子的標籤div:before、div:after,對於before、after來說有部分人是相當陌生的,那麼這兩個標籤是什麼呢?有什麼用處?:befor、:after是CSS的虛擬元素,什麼是虛擬元素呢?虛擬元素用於向某些選取器設定特殊效果。我們用CSS手冊可以查詢到其基本的用法: E:before/E::before
Time of Update: 2017-02-28
文章簡介:滑鼠指向DIV地區放大。 css 1 #box{ width:200px; height:200px; position:absolute;top:50%;left:50%; margin-left:-100px; margin-top:-100px;
Time of Update: 2017-02-28
文章簡介:Web布局設計新方式-響應式設計,應用越來越廣泛,在這裡為大家分享10個用於響應式Web設計的CSS架構,讓您的開發工作越來越輕鬆。 Web布局設計新方式-響應式設計,應用越來越廣泛,在這裡為大家分享10個用於響應式Web設計的CSS架構,讓您的開發工作越來越輕鬆。1) Less
Time of Update: 2017-02-28
文章簡介:對於Web開發人員來說,好用的CSS工具可以讓那些枯燥的工作變得有趣,並且還可以幫你更高效的編寫CSS代碼,在這裡向大家推薦15個必不可少的CSS開發工具和應用。 對於Web開發人員來說,好用的CSS工具可以讓那些枯燥的工作變得有趣,並且還可以幫你更高效的編寫CSS代碼,在這裡向大家推薦15個必不可少的CSS開發工具和應用。1. CSS Desk : An online CSS