目前分類：「RWD & CSS」的相關文章

瀏覽方式： 摘要列表 | 標題列表

[轉貼] 3步完成 Responsive Design (響應式網頁設計)

2018070810:28

出處：http://blog.seosemhk.com/webdesign/148-responsive-design-in-3-steps.html   近來因為很多人談論Responsive Web Design (響應式網頁設計)，剛好在網上找了一篇文章：Responsive Design in 3 Steps，以簡單步驟解釋如何設計基本的Responsive Web Design (響應式網頁設計)，所以將它翻譯成中文供大家分享： Responsive Web Design (響應式網頁設計)，現在毫無疑問是舉足興重。對新手來說，Responsive Web Design 聽起來可能會有點複雜，但事實上，它比你想像的簡單得多。為了讓你能快速入門，我準備了一個簡易的教學。...

繼續閱讀»   

分類:RWD & CSS / 留言(0)

[轉貼] HTML特殊字元

2018070810:13

出處：http://www.pt.ntu.edu.tw/hmchai/PTcomputer/hHTML/HTMLcontent/HTMLsymbol.htm 在 HTML 文件上，空白鍵 (space) 與換行鍵 (return) 一樣，都是沒有意義的。也就是說不管打幾個空白鍵，在 HTML 文件上視同沒有。因此如果需要使用空白鍵，則需鍵入 ＆nbsp; 標記，才會有空格的效果。 而 < 或 >&...

繼續閱讀»   

分類:RWD & CSS / 留言(0)

[轉貼] 用jquery控制表格奇偶行及活動行顏色

2018070810:11

出處：http://www.cnblogs.com/magics/p/3673570.html 　　雖然jquery流行已經很多年了，一直都感覺很難，也沒有花時間去學習它，只是偶爾哪天心血來潮了去看一點點，時隔多日又會忘得一乾二淨。最近用到表格奇偶行不同色，不得不去再看jquery，雖然感覺還是難，但已經不像以前一樣無從下手了。做完後不得不來感嘆一下jquery真是太牛了，不用自己再寫一大堆javascript函數去實現了，簡單幾句輕鬆搞定。 ...

繼續閱讀»   

分類:RWD & CSS / 留言(0)

[轉貼] CSS 常用語法

2018070810:10

出處：http://www.eion.com.tw/Blogger/?Pid=1003 CSS 層疊樣式表 Cascading Style Sheets 樣式通常是將他保存在外部的 .css 檔案文件中。 由簡單的 CSS 外部樣式表，使網頁開發提高工作效率可同時改變網站中所有頁面佈局和外觀樣式。 超連結的連結樣式 a 加入所有超連結樣式 a:link 加入超連結文字樣式 a:visited 加入瀏覽過的連結文字樣式 a:hover 加入滑鼠指標指著連結樣式 a:active 加入按下啟用連結的樣式   文字風格樣式 CSS文字風格樣式範例 ...

繼續閱讀»   

分類:RWD & CSS / 留言(0)

[轉貼] 用CSS3的Media Queries進行自適應網頁設計(Responsive Web Design)

2018070810:08

出處：http://www.mrmu.com.tw/2011/04/06/css3-media-queries-liquid-layout/ from webdesignerwall.com 所謂的自適應網頁設計主要是透過CSS設定，讓網頁版面的寬度，依照設計者的設定，以百分比的形式來呈現，所以頁面寬度的顯示是根據使用者的瀏覽設備解析度作輸出，因此可避免瀏覽器的橫向捲軸出現。(又稱為Adaptive Design) 液態排版 vs 固定寬度排版 液態排版的對比設計方式就叫「固定寬度(fixed-width)排版」，傳統上來說，比起液態方式，固定方式通常較受平面及視覺設計師歡迎，因為他們較習慣先決定整體版面輸出的範圍，而液態方式則需要費多一點心力去考量很多不同解析度的情況，雖然比較費工，但...

繼續閱讀»   

分類:RWD & CSS / 留言(0)

[轉貼] 自適應網頁設計（Responsive Web Design）

2018070810:07

出處：http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 隨著3G的普及，越來越多的人使用手機上網。 移動設備正超過桌面設備，成為訪問互聯網的最常見終端。於是，網頁設計師不得不面對一個難題：如何才能在不同大小的設備上呈現同樣的網頁？ 手機的屏幕比較小，寬度通常在600像素以下；PC的屏幕寬度，一般都在1000像素以上（目前主流寬度是1366×768），有的還達到了2000像素。同樣的內容，要在大小迥異的屏幕上，都呈現出滿意的效果，並不是一件容易的事。 很多網站的解決方法，是為不同的設備提供不同的網頁，比如專門提供一個mobile版本，或者iPhone / iPad版本。這樣做固然保證了效果，但是比...

繼續閱讀»   

分類:RWD & CSS / 留言(0)