Forum | Najnowsze tutoriale tworzenie stron internetowych
 

Pure.CSS Tutorial


Czysta jest kaskadowych arkuszy stylów (CSS), opracowany przez Yahoo . Pomaga w tworzeniu szybciej, piękne i elastycznych stron internetowych. Jest bardzo bystry i przestrzeń jest bardzo mała w rozmiarze porównywalnym do 4 KB.


Publiczność

Ten poradnik jest przeznaczony dla profesjonalistów, którzy chcieliby nauczyć się podstaw Czystej i jak wykorzystać go do stworzenia szybszych, piękne i elastycznych stron internetowych. Ten poradnik wyjaśnia wszystkie podstawowe pojęcia czystego.


Wymagania

Przed przystąpieniem do tego kursu, trzeba mieć podstawową wiedzę na temat HTML, CSS, JavaScript, Document Object Model (DOM), oraz dowolnego edytora tekstu. Ponadto, to pomoże, jeśli wiesz, jak działają aplikacje internetowe oparte.


Wykonaj Czysta Online

Dla większości z przykładów podanych w niniejszym poradniku znajdziesz opcjęTry-it.Użyj tej opcji, aby wykonywać swoje Czysta programów na miejscu i cieszyć się swoją naukę.

Wypróbuj poniższy przykład używając opcjiTry-one dostępne w prawym górnym rogu poniższym polu kod przykładowy -

<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>