系統之外的字體引用及過渡效果
復制代碼代碼如下:<span style=font-family: Arial, Helvetica, sans-serif;><span style=
怎麼設計響應式WEB?響應式WEB設計的優缺點
近期在學習有關響應式設計的內容,對此做了些整理,部分圖片來源於網絡。1、為什麼需要響應式web設計 由於目前移動設備的大量使用,以及PC顯示器的尺寸逐漸出現較大差別,傳統
博客園CnBlogs自定義博客樣式分享
弄了半個晚上的時間,總算馬馬虎虎搞好了博客的樣式。 整個博客是藍色的基調,比較激情,我喜歡。 比較郁悶的是,rightmenu 和 main都是pos
Bootstrap之所以廣泛流傳的11大原因
前言 當下最流行的前端開發框架Bootstrap,可大大簡化網站開發過程,從而深受廣大開發者的喜歡。本文總結了Bootstrap之所以廣泛流傳的11大原因。如果你還沒有
Bootstrap3.0學習筆記之入門篇
作為本學習筆記的第一篇,開篇之作,我們還是跟其他系列的文章一樣,先來點Bootstrap的介紹,再循序漸進吧。前言在上一節中http://www.jb51.net/web
Bootstrap3.0學習筆記之柵格系統原理
通過前面兩篇文章的簡單介紹,大致對於Bootstrap有了初步的了解。由於自己也只是想通過Bootstrap官網來進行簡單的學習,自己能夠隨便搞個不是太搓的頁面就可以了。
Bootstrap3.0學習筆記之柵格系統案例
前言在前面的一篇文章當中,我們主要學習了柵格系統的基本原理,以及通過簡單案例進行對原理的實踐。那麼本文的主要內容將主要分為以下幾個部分1.柵格選項2.從堆疊到水平排列3.
Bootstrap3.0學習筆記之頁面布局
本次主要來了解的是布局,這個大部分在HTML的基本標簽中也是存在的,所以相對比較簡單,為了保證系列的完整性,也順帶復習下,還是記錄一下。主要內容如下:1.標題2.頁面主體
Bootstrap3.0學習筆記之表格相關
本文主要講解的是表格,這個其實對於做過網站的人來說,並不陌生,而且可以說是最為常用的各種列表的展示,有時候也會因為用戶或者老板的需求而感到頭疼。下面我們來看一下,Boot
Bootstrap3.0學習筆記之按鈕的樣式
本文主要講解的是按鈕的樣式。1.選項2.尺寸3.活動狀態4.禁用狀態5.可做按鈕使用的Html標簽6.總結選項使用上面列出的class可以快速創建一個帶有樣式的按鈕。復制
Bootstrap3.0學習筆記之特殊的效果(顯示隱藏、消除浮動、關閉按鈕等)
本文學習的內容主要如下所示: 1.關閉按鈕 2.Carets 3.快速設置浮動 4.內容區域居中 5.清除浮動 6.顯示或隱藏內容 7.針對屏幕閱讀器的內容 8.圖片替換
Bootstrap3.0學習筆記之CSS相關補充
本文學習的內容主要如下所示: 1.浏覽器支持 2.圖片 3.響應式工具 4.遇到的問題 5.總結 浏覽器支持 Bootstrap的目標是在最新的桌面和移動浏覽器上有最
Bootstrap3.0學習筆記之按鈕與下拉菜單
前面的文章算是把Bootstrap CSS部分簡單的學習了一遍,應該忽視了比較多的細節問題。不過大部分的內容我都過了一遍,並且用代碼實現了一遍,而且看到了真實的效果。挺不
Web前端開發中找錯的基本思路
WEB開發主要是兩個交互(B/S數據)浏覽器:1包含html、css、js等客戶端代碼運行錯誤。傳輸端:1路徑引入錯誤,常用插件的引入(artDialog、Ztree、J
深入理解指定IE浏覽器渲染方式
<meta http-equiv="X-UA-Compatible" content="IE=7" />以上代碼告訴I
讓網頁自動調用雙核浏覽器的極速模式(Webkit)
代碼示例 在head標簽中添加一行代碼: XML/HTML Code復制內容到剪貼板 <html>  
如何設計制作自適應網頁
隨著3G的普及,越來越多的人使用手機上網。移動設備正超過桌面設備,成為訪問互聯網的最常見終端。於是,網頁設計師不得不面對一個難題:如何才能在不同大小的設備上呈現同樣的網頁
HTTP協議中狀態碼的含義
表示臨時響應並需要請求者繼續執行操作的狀態代碼。 代碼 說明 100 (
0.1秒的價值!淺談Web前端頁面提速問題
記得面試現在這份工作的時候,一位領導語重心長地談道——當今的世界是互聯網的世界,IT企業之間的競爭是很激烈的,如果一個網頁的加載和顯示速度,相比別
比Bootstrap還更強大的前端框架:Toolkit
注 :目前比較流行的前端框架有Bootstrap、Foundation,這兩都有著常用的網頁設計組件,並且兼容移動設備,深受大眾喜愛,但如果你認為這兩個框架的組件依然不夠