論壇 | 最新的Web開發教程
 

Pure.CSS教程


純粹是開發的層疊樣式表(CSS) YAHOO 。 它有助於創造更快,美麗的,反應迅速的網站。 這是非常精明的空間,是比較大小為4KB非常小。


聽眾

本教程是為想學純,以及如何使用它來創建更快,美麗的,反應迅速的網站基本誰的專業人士。 本教程介紹的純所有的基本概念。


先決條件

與之前繼續學習本教程,你應該有HTML,CSS,JavaScript中,文檔對象模型(DOM)和任何文本編輯器有基本的了解。 此外,它會幫助,如果你知道基於Web的應用程序是如何工作的。


執行純在線

對於大多數在本教程中所舉的例子,你會發現一個嘗試,它的選擇。 使用此選項可當場執行你的計劃純,享受你的學習。

使用可在下面的示例代碼框右上角的嘗試,它試圖選項下面的例子-

<html>
   <head>
      <title>The PURE.CSS Example</title>
	  <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
	  
	  <style>
		.grids-example {
            background: rgb(250, 250, 250);
            margin: 2em auto;
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;			
            font-family: Consolas, 'Liberation Mono', Courier, monospace;
            text-align: center;					
		 }
	  </style>
	  
  </head>
  
  
  <body>
      <div class="grids-example">
         <div class="pure-g">
            <div class="pure-u-1-3"><p>First Column</p></div>
            <div class="pure-u-1-3"><p>Second Column</p></div>
            <div class="pure-u-1-3"><p>Third Column</p></div>
         </div>
      </div>
   </body>
</html>