12款精美的免費 CSS 網頁模板下載

文章目錄 CoffeeCleanBusinessWesternShopLight HouseBlue MotionAncientMini SocialLawyer & AttorneyPhoto Pro css template2 BreedShop AroundPure Elegance

讓代碼飛一會兒:快速編寫 HTML 和 CSS 的工具和技術

前言  你曾經考慮過想要加快 HTML 和 CSS 編碼速度嗎?不管你是否想過,都來看看這篇文章吧,你會從中學到很多東西。我們要討論的不是 CSS 網格架構,也不是 CSS Reset。在這篇文章中,我們關注的是不同尋常的編碼方式——CSS 編譯器以及 HTML 縮寫編碼技術。藉助這些優秀的工具和技術,能夠大大的減少開發時間,加快開發進度。HTML  加快 HTML 編碼的方法有很多,這裡我們要介紹的是 HTML 縮寫技術。取代傳統的編寫完整 HTML

實現精美網頁字型的CSS工具和教程推薦

  作為設計的組成部分,字型在網頁設計中扮演著重要角色,但是要在網頁中把字型用好並不是件容易的事情。這篇文章向大家分享12個非常有用的CSS工具和教程,協助你在網頁中實現漂亮的字型效果。工具CSS Type SetTypetesterTypechart教程Typographic Contrast and FlowHow to use headings in HTML10 Examples of Beautiful CSS TypographyAdvanced Typography

值得收藏!最佳26個國外 CSS 酷站推薦網站

文章目錄 1. CSS Design Awards2. Awwwards3. Webcreme4. Best Web Gallery5. Unmatched Style6. The Design Inspiration7. Css-Showcase8. Css Cake9. CSS Winner10. Moluv11. 101 Best Websites12. Dzine Mart13. Site Inspire14. Css Mania15. CSS

20個優秀的 CSS 網格系統(CSS Grid Systems)推薦

  在製作網站的時候,你必須要確保有一個系統化、結構合理的布局使得能夠更快更輕鬆的組織網站的內容。網格系統為網頁設計師們提供了一種快速構造網頁內容布局的方法。藉助這個工具,設計師可以根據預製結構進行布局,節省了大量的時間和精力。今天這篇文章向大家推薦20個優秀的 CSS 網格系統,其中還有融合了最新的響應式設計理念的響應式 CSS 網格系統。1. Less Framework 42. Golden Grid System3. CSSgrid4. Get Skeleton5. inuit CSS6

45個純 CSS 實現的精美邊框效果【附線上示範和源碼】【下篇】

  邊框效果常用來給圖片添加照片效果或用於增強頁面內容片斷的整體性,在一些團購網站和使用瀑布流布局的網站也經常會使用邊框效果。在以前,簡單的邊框效果使用 CSS 可以輕鬆實現,但是用到陰影、彎曲和旋轉等複雜效果的時候,我們只能使用圖片來實現。如今藉助 CSS3 的圓角、陰影和旋轉特性,我們完全可以使用純 CSS 代碼實現精美的邊框效果。  下面展示的都是精心編寫的 CSS 邊框效果示範,相信您一定會有收穫!(由於使用了 jsFiddle

bluePen – 使用線上 CSS 編輯器美化你的網站

  BluePen 是一款非常強大的樣式編輯工具,甚至可以輕鬆地安裝在一個動態網站中。一旦你已經安裝了它,你就可以在任何時間,任何地方修改樣式表,一切修改將即時更新到您的瀏覽器(但不是線上網站),在按下“儲存”按鈕之後就發行就緒出去。您可能感興趣的相關文章zoom.js:一款效果很獨特的頁面內容縮放外掛程式-prefix-free:幫你從 CSS 首碼的地獄中解脫出來CSS Beautify – 方便的線上 CSS 代碼美化工具Debuggex –

推薦14款非常有用的 CSS 網格系統產生工具

  今天這篇文章向大家推薦14款非常有用的 CSS 網格系統產生工具,它們能夠協助你構建適合你網站項目的 CSS 網格系統。一個系統化、結構合理的布局使得能夠更快更輕鬆的組織網站的內容。網格系統為網頁設計師們提供了一種快速構造網頁內容布局的方法,協助設計師們節省了大量的時間和精力。1. Tiny Fluid Grid2. ZURB CSS Grid Builder3. Grid System Generator4. Variable Grid System5. inuit Grid

Conditioniz – 探測瀏覽器並條件載入 JavaScript 和 CSS

  Conditioniz 是一個快速、輕量級(3KB)的 JavaScript 工具,用於探測瀏覽器和解析度並條件載入 JavaScript 和 CSS 檔案。Conditioniz 從它的 jQuery 前身重建,現在速度要快50%。結合類名添加和 Conditionizr 整合的指令碼和樣式載入功能,允許你為不同的瀏覽器指定想載入的指令碼和樣式。  瀏覽器嗅探通常被認為是不可靠的,Conditionizr 的建立就是為了克服這個問題。Conditionizr

分享45款高品質的免費(X)HTML/CSS模板

您可能還喜歡 60款高品質的網站模板免費下載30個漂亮的免費 Flash 網站模板下載最新30佳精美 PSD 網站模板免費下載尋找網頁設計構想的27個最佳網站推薦分享50個精美的免費 PSD 網站模板   當你需要在短時間內設計出一個網站的時候,網站模板就非常有用了。這也就是為什麼這些設計範本已成為設計領域的最新趨勢的原因。在這篇文章中,收集了各式各樣的網站模板,您可以免費下載使用,希望這些設計範本不僅帶給您靈感,也讓您回到創作軌跡。Green Planet( 示範 | 下載

-prefix-free:幫你從 CSS 首碼的地獄中解脫出來

  -prefix-free 是一個 JavaScript 工具庫,用於協助你從 CSS 首碼的地獄中解脫出來。你編寫的 CSS 代碼無需填寫瀏覽器首碼,在需要的時候,-prefix-free 會協助你自動添加當前瀏覽器需要的首碼。您可能感興趣的相關文章Respond.js – 讓IE6-8支援 CSS3 Media QueryDebuggex – 超好用的Regex可視化調試工具前端文摘——網頁圖片最佳化的工具 + 生產力和技巧分享Lazy Line Painter – 有趣的 jQuery

[翻譯] 做CSS精簡時可能會用到的Regex

原文:http://regexadvice.com/blogs/mash/archive/2008/03/27/Additional-CSS-minifying-regex-patterns.aspx注意:本文提到的Regex都使用了IgnoreCase=true選項。我觀察了YUI

[翻譯] 使用CSS進行文字旋轉

[翻譯] 使用CSS進行文字旋轉原文地址:http://snook.ca/archives/html_and_css/css-text-rotation譯文地址:http://www.cnblogs.com/AndersLiu/archive/2009/07/29/css-text-rotation.html翻譯:Anders Liu摘要:在讀了別人的文章之後我深受啟發,在此給出另外一個樣本。這就是——文字旋轉。Once again, after reading somebody else's

針對不同瀏覽器不同解析度載入不同css解決方案

因為IE各版本的瀏覽器對我們製作的WEB標準的頁面解釋不一樣,具體就是對CSS的解釋不同,我們為了相容這些,可運用條件注釋來各自訂,最終達到相容的目的。比如:<!– 預設先調用css.css樣式表 –><link rel=”stylesheet” type=”text/css” href=”css.css” /><!–[if IE 7]><!– 如果IE瀏覽器版是7,調用ie7.css樣式表 –><link rel=”stylesheet”

div+css網頁布局分享

1:構建一個相容性強的表格版面配置  a.一行兩列布局<div class="table">  <ul class="row">   <li class="column"></li>   <li class="column"></li>  </ul> <ul class="row">   <li class="column"></li>   &

CSS小技巧:利用CSS,給WEB頁面強制分頁,用於列印!

  B/S程式中, 對列印頁面的控制, 相對比較弱, 例如: 自動分頁, 就基本沒啥實際用途。我們通常需要自己在需要的時候,強制瀏覽器分頁,這時可以使用以下樣式:<style type="text/css">  .pageBreak{ page-break-after:always;}</style>auto :對頁面分割沒有影響。 always:強制在元素後出現頁分割符。 avoid :避免在元素後出現頁分割符。 left

CSS設定不換行與強制換行 CSS換行

CSS設定不轉行:overflow:hidden 隱藏white-space:normal 預設 pre 換行和其他空白字元都將受到保護nowrap 強制在同一行內顯示所有文本,直到文本結束或者遭遇 br 對象============================================設定強行換行word-break: normal ; 依照亞洲語言和非亞洲語言的文本規則,允許在字內換行break-all :

*:first-child+html CSS Hack

If the background color of this paragraph is green (a darker green than this page's background) then the hack was applied.Example Codep.test { background-color: #f66;}*:first-child+html p.test { background-color: #6f6;}List of browsers that apply

8款CSS工具 讓您的CSS代碼更高效

寫更好的CSS是所有網頁設計師和開發人員應該爭取的東西,幸運的是,這裡有一些工具,可以協助大家做到這一點。在這篇文章中,我們收集了一些新的CSS工具,以協助寫出更好的CSS。從學習新的CSS3屬性,到使您的CSS代碼更高效,這裡必然有你需要的一款CSS工具。  CSS3 Patterns Gallery Y% *^xie  CSS3 Patterns Gallery,讓您通過縮圖或全螢幕模式瀏覽各種CSS3樣式,搜集各種各樣的CSS樣式以便於你可以借用到你的網站上。  PrefixMyCSS  

CSS實現不同的列印和螢幕顯示結果

通常的web頁面中,我們要求列印結果和顯示結果一樣,但在一些報表或業務系統中,我們可能只需要列印頁面中的一部分內容,例如我只要列印資料,但按鈕和背景不需要列印,這是由業務需求決定的,我們可以想象一下,如果一張列印出來的發票中出現一個按鈕,你會怎麼想,估計要昏過去的,呵呵~~好了,說完需求,我來說說如何?,一種方法是為螢幕顯示和列印分別準備一個css檔案,如下所示:用於螢幕顯示的css:<link rel="stylesheet" href="css/mainstylesheet.css" 

總頁數: 694 1 .... 40 41 42 43 44 .... 694 Go to: 前往

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。