ฟอรั่ม | ล่าสุดการพัฒนาเว็บบทเรียน
 

Pure.CSSเกี่ยวกับการสอน


บริสุทธิ์เป็นแผ่น Cascading Style (CSS) พัฒนาโดย YAHOO ช่วยในการสร้างได้เร็วขึ้นสวยงามและเว็บไซต์ที่ตอบสนอง มันเป็นความเข้าใจพื้นที่มากและมีขนาดเล็กมากในขนาดเปรียบได้กับ 4 กิโลไบต์


ผู้ชม

กวดวิชานี้มีความหมายสำหรับมืออาชีพที่ต้องการที่จะเรียนรู้พื้นฐานของบริสุทธิ์และวิธีการที่จะใช้ในการสร้างได้เร็วขึ้นที่สวยงามและเว็บไซต์ที่ตอบสนอง กวดวิชานี้จะอธิบายทุกแนวคิดพื้นฐานของบริสุทธิ์


ข้อกำหนดเบื้องต้น

ก่อนที่จะดำเนินการกับการกวดวิชานี้คุณควรจะมีความเข้าใจพื้นฐานของ HTM​​L, CSS, JavaScript, Document Object Model (DOM) และแก้ไขข้อความใด ๆ นอกจากนี้ยังจะช่วยถ้าคุณรู้วิธีการใช้งาน Web-based ทำงาน


ดำเนิน Online เพียว

สำหรับส่วนของตัวอย่างที่กำหนดในการกวดวิชานี้คุณจะได้พบกับตัวเลือกลองมัน ใช้ตัวเลือกนี้จะรันโปรแกรมบริสุทธิ์ของคุณในจุดและสนุกกับการเรียนรู้ของคุณ

ตัวอย่างต่อไปนี้ลองใช้ลองมันตัวเลือกที่มุมขวาบนของกล่องต่อไปนี้ตัวอย่างรหัส -

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