ไอเอินบล๊อก

สำหรับ blueprint css เป็น css frame work ที่ช่วยให้ผู้พัฒนาเว็บไซต์ไม่ต้องกังวลในส่วนของการจัดขนาดของเว็บไซต์และไม่ต้องกังวลถึงปัญหาที่เกิดขึ้นจากการใช้งานต่างเว็บเบราเซอร์ โดย blueprint css จะมีการจัดหน้าในลักษระของ grid โดยในการจัดหน้าจะแบ่งออกเป็น 24 grid ช่องละ 30 px; และมีช่องว่าในแต่ละ grid 10 px;

ข้อควรรู้
1. โดยความกว้างของหย้าจะอยู่ที่ 950px โดยในการหาความกว้างจะเป็นไปตามสูตร width = (columns * 40) -10 เราจะได้เความกว้างหรือ grid ที่เราต้องใส่ไปครับ
2. โดยในส่วนของการใช้งาน blueprint css จะต้องกำหนดข้อมูลอยู่ใน div ที่ชื่อว่า container หากว่าอยู่นอก container แล้ว css จะไม่มีการ apply เพื่อนำไปใช้
3. ในส่วนที่เป็น grid สุดท้ายเราจะต้องใส่ คลาส last เพื่อบอกว่าเป็นสุดท้ายเพื่อให้มีการปรับให้พอดีกับขอบ
ที่มา http://wiki.github.com/joshuaclayton/blueprint-css/quick-start-tutorial

128 views