首頁|建站|設計|QQ|百科|范文|電商|學習
  • 2016-06-24自適應網頁設計的概念和方法
  • Google進行了一次在線講座,講述自適應網頁設計的概念和方法,維護同一個網頁代碼,即可使網站在多種瀏覽設備(從桌面電腦顯示器到智能手機或其他移動產品設備)上具有更好的閱讀體驗,將該講座內容簡要的整理如下: 1、在HTML頭部增加viewport標簽。 在網站HT...

  • 2015-06-30使用CSS代碼的空格實現中文對齊的方法
  • 使用一些空格實現個數不等的中文對齊或等寬。見下表: 其中的ensp;和emsp;,由于具有某一超贊的特性,使其可以登上web屆的舞臺!什么特性呢?如上表加粗展示,1. 透明; 2. 寬度正好跟中文正好是1:2和1:1的關系,于是,一些中文排版對齊什么的,直接就可以使...

  • 2015-06-30CSS實現定位元素居中的方法
  • 絕對定位元素的居中實現 如果要問如何CSS實現絕對定位元素的居中效果,很多人心里已經有答案了。 兼容性不錯的主流用法是: CSS Code復制內容到剪貼板 .element { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200p...

  • 2015-06-30利用CSS3實現文本框的清除按鈕相關的一些效果
  • 新技能傳授-嗶嗶嗶嗶 search類型搜索框,設計師常常會設計一個叉叉圖標,表示用戶點之久可以清除輸入的內容。比方說這個: 這是不錯的體驗! 當前現代瀏覽器中,Chrome瀏覽器下type=search的輸入框會有清除按鈕的動態呈現,不過搜索input框尺寸不太好控制 (pa...

  • 2015-06-30在瀏覽器加載CSS 時防止影響頁面渲染的方法
  • 本文展示了一種技術,它能通過異步下載樣式表,以阻止它們的下載阻塞頁面的渲染,從而盡可能快的讓訪問者獲取到信息內容。 警告! 我發這篇帖子全是好意,但是它并不負責讓讀它的人意識到下面將會遇到的問題. 社區很快地給了我許多的反饋 (有些反饋我很感激)...

  • 2015-06-30使用CSS3制作餅狀旋轉載入效果的實例
  • 今天,要實現一個長任務等待提示效果。 然后設計師就把做好的gif效果圖給我,就是下面這個: 按照大眾做法,我應該是把圖片直接按圖索驥,調調布局,然后早早回家抱老婆。 但是,我這個人,天生不安分守己。想到是用在客戶端,客戶端又是用的webkit內核,于...

  • 2015-06-30詳解CSS中clear:left/right的用法
  • 一、理解clear: left/clear: right 當想到clear: left的時候,自然會認為是清除左浮動,clear: right是清除右浮動。 其實現在想想,這樣的理解與表示是不嚴謹的欠考慮的。 一般,現在中文圈流傳的表述是: clear語法: clear : none | left | right | both...

  • 2015-06-3010個必備的CSS技巧總結
  • CSS是網頁設計師的基礎,對CSS的了解能使他們能夠設計出更加美觀別致的網頁。使用CSS技巧來巧妙地處理CSS是非常令設計師著迷的事情。在CSS的深海世界里有很多有意思的東西,你只需要找到最適合你的就好。當然我們不可能一下子就記住所有CSS的規則和語法,但...

  • 2015-06-03三個很特別的CSS小技巧分享
  • 各種瀏覽器之間的競爭的白熱化意味著越來越多的人現在開始使用那些支持最新、最先進的W3C Web標準的設備,以一種更具交互性的方式來訪問互聯網。這意味著我們終于能夠利用更強大更靈活的CSS來創造更簡潔,更好維護的瀏覽器前端代碼。現在讓我們來看一看一些...

  • 2015-06-03CSS中使用expression表達式
  • 逛到發現這個效果,個人感覺非常贊 下面是CSS樣式 input { border:1px solid #B3D6EF; background:#ffffff; } input { star : expression( onmouseover=function(){this.style.backgroundColor=#D5E9F6}, onmouseout=function(){this.style.backgroundColor=...

  • 2015-06-03使用CSS3實現圓角,陰影,透明
  • CSS實現圓角,陰影,透明的方法很多,傳統的方法都比較復雜,用CSS3就方便很多了,雖然現在各瀏覽器對CSS3的支持還不是很好,但不久的將來CSS3就會普及. 1.圓角 CSS3實現圓角有兩種方法. 第一種是背景圖像,傳統的CSS每個元素只能有一個背景圖像,但是CSS3可以允許一...

  • 2015-06-03CSS3 實現側邊欄展開收起動畫
  • 規則用于創建動畫。 @keyframes 中規定某項 CSS 樣式,就能創建由當前樣式逐漸改為新樣式的動畫效果 @keyframes 中創建動畫時,請把它捆綁到某個選擇器,否則不會產生動畫效果。 通過規定至少以下兩項 CSS3 動畫屬性,即可將動畫綁定到選擇器: 規定動畫的名...

  • 2015-06-03css24個canvas基礎知識小結
  • 現把canvas的知識點總結如下,以便隨時查閱。 1、填充矩形 fillRect(x,y,width,height); 2、繪制矩形邊框 strokeRect(x,y,width,height); 3、擦除矩形 clearRect(x,y,width,height); 4、填充樣式 fillStyle=red; 樣式可以為顏色、漸變和圖像。 5、描邊樣式 s...

  • 2015-06-03淺談CSS編程的OOCSS和SMACSS設計模式
  • 真心覺得寫出 CSS 并不難,但是要寫出可被維護的 CSS 比其他程式語言都還難。所幸已經有許多大師級的人物,提出許多設計模式和思維,借由站在巨人的肩膀上可以讓事情事半功倍。這篇文章就來說說 OOCSS、SMACSS 和撰寫 CSS 時應該注意的規范。 (本文的例子用...

  • 2015-04-04一種比CSS-Sprite更加方便在網頁中嵌入大量圖標的方法
  • 這種思路是在一個國外的網站上發現的,設計者在網站中使用了很多小圖標,但是并沒有使用CSS-Sprite技術,而是使用了另外一種特殊的辦法。那就是css3的font-face技術載入了一個自己做的字體文件,在需要顯示的地方直接打上調用的字符。 這種辦法只適用于大量...

  • 2015-04-04CSS常用中文字體大全
  • Windows自帶: 新細明體:PMingLiU 細明體:MingLiU 標楷體:DFKai-SB 黑體:SimHei 宋體:SimSun 新宋體:NSimSun 仿宋:FangSong 楷體:KaiTi 仿宋_GB2312:FangSong_GB2312 楷體_GB2312:KaiTi_GB2312 微軟正黑體:Microsoft JhengHei 微軟雅黑體:Micros...

  • 2015-04-04css語法大全
  • 1. 基本語法 CSS的定義是由三個部分構成:選擇符(selector),屬性(properties)和屬性的取值(value)。 基本格式如下: selector {property: value} (選擇符 {屬性:值}) 選擇符是可以是多種形式,一般是你要定義樣式的HTML標記,例如BODY、P、TABLE,...

  • 2015-04-04CSS兼容性問題 && CSS HACK
  • 以前做網頁的時候,只考慮 IE6 和 FF 的兼容性,公司換了,要求也高了,FF和IE 6 7 8 要全兼容了, 碰到要單獨Hack IE8的。當然,用注釋非常方便,只要添加相應的注釋就可以解決。但問題是,為了一句CSS寫多一個文件,或者在header上添加注釋,那顯然不是懶...

首頁 1 2 3 下一頁 末頁 349
31809铁算盘心水论坛