Translate this blog to...

Blogs

พื้นฐานการเขียน CSS เบื้องต้น Property ที่ใช้งานบ่อย

สำหรับค่า Property ของการเขียน CSS นั้นมากมายหลากหลาย ซึ่งผู้ที่สนใจสามารถหาอ่านได้ทั่วไป แต่ส่วนตัวที่ใช้งานบ่อยๆ จะประกอบด้วย

  • font-size = ขนาดตัวอักษร
  • color = สีตัวอักษร
  • background = พื้นหลัง
  • float = การไหลต่อกัน
  • overflow = การครอบทั้งหมด
  • width = ความกว้าง
  • height = ความสูง
  • margin = ระยะห่างจากขอบไปทางด้านนอก
  • padding = ระยะห่างจากขอบถึงเนื้อหาด้านใน

พื้นฐานการเขียน CSS เบื้องต้น การซ้ำ ลำดับความสำคัญ

การซ้ำของ CSS

การเขียน CSS ในหลายครั้งเมื่อเราได้เขียนมาได้ระยะหนึ่ง เราอาจเผลอเขียนคุณสมบัติ Property ของ CSS ซ้ำซ้อนใน CSS ชุดเดียวกัน

ซึ่งการทำงานของ CSS นั้น จะเลือกใช้ Property ตัวที่ประกาศล่าสุดมาใช้งาน เช่น

h3 {
  color: #ff000;
  text-align: left;
  font-size: 1.5em;

}

h3 {
  text-align: right;
  font-size: 1.25em;

}

พื้นฐานการเขียน CSS เบื้องต้น เริ่มเขียน CSS

ในการเริ่มต้นเขียน CSS จะต้องทำความเข้าใจกับ Syntax พื้นฐานของ CSS เสียก่อน

CSS Cyntax and Selector
รูปตัวอย่างจาก w3schools.com/css/css_syntax.asp

จากตัวอย่างรูปภาพด้านบน ประกอบด้วย

  • Selector = Tag ต่างๆ จากโค้ด HTML เพื่อใช้อ้างอิงว่าจะกำหนด CSS กับส่วนไหน เช่น <h1> <p> หรือ <div> เป็นต้น
  • Declaration = ชุดคำสั่งทั้งหมด ที่มีผลกับ Selector ที่กำหนด โดยจะอยู่ในปีกกา { และ }
  • Property = คุณสมบัติ หากมีหลายตัวใช้เครื่องหมาย (semicolon) ; คั่นแต่ละคุณสมบัติ
  • Value = กำหนดค่าต่างๆ ในแต่ละคุณสมบัติ

บันทึกความทรงจำ (ออนไลน์)

เราเก็บบันทึกเรื่องราวต่างๆ ไว้ที่ไหนกันบ้าง คำถามนี้ ถ้าย้อนไปสัก 10 ปี ที่แล้ว อาจจะได้คำตอบจากหลายคนว่าเขียนใส่สมุดไดอะรี่

หรือถ้ายุคเห่ออินเตอร์เนตใหม่ๆ ก็อาจจะได้คำตอบว่า เว็บไดอะรี่

หรือในยุคเริ่มต้นของเว็บ 2.0 สัก 4-5 ปีก่อน ก็อาจจะได้คำตอบว่า เขียนใส่บล็อก ทั้งแบบโฮสเองและแบบที่ใช้บริการตามเว็บใหญ่

แล้วถ้าเอาให้มันใกล้เวลาปัจจุบันมากขึ้นอีก หลายคนก็เลือกใช้ social network ในการบันทึกเรื่องราวต่างๆ ซึ่งเท่าที่ลองนึกดู เว็บไซต์ที่เข้าข่ายน่าจะเป็น hi5, myspace ส่วน facebook, twitter นี่มาทีหลัง แต่ก็แรงที่สุดในช่วงเวลานี้ (พ.ค. 2012)

เปรียบเทียบ Samsung Galaxy S III กับ HTC One X มือถือเรือธง รุ่นท็อป ของสองค่ายดัง

เมื่อต้นเดือนพฤษภาคม 2012 ที่ผ่านมา Samsung ได้เปิดตัวมือถือตระกูล Galaxy S รุ่นใหม่ Samsung Galaxy S III มือถือรุ่นท็อป ที่จะมีกำหนดวางจำหน่ายเร็วๆ นี้ และโดยก่อนหน้านี้ทางผู้ผลิตมือถือค่าย HTC ก็ปล่อยตัวมือถือตัวแรง HTC One X ออกมาก่อนหน้านี้เช่นกัน

เมื่อถึงตอนนี้หลายคนที่อยากเปลี่ยนโทรศัพท์มือถือเครื่องใหม่ อาจจะกำลังลังเลว่าจะเลือกมือถือจากค่ายไหนดี ระหว่าง Samsung Galaxy S III หรือ HTC One X

ตารางเปรียบเทียบ Samsung Galaxy S III กับ HTC One X

Samsung Galaxy S III vs HTC One X

ThursDIY workshop #1 หัวข้อ OpenStreetMap

วันพฤหัสบดีที่ผ่านมา (17 พ.ค.) ไปร่วมกิจกรรม "พฤหัด (ThursDIY workshop)" จัดโดย เครือข่ายพลเมืองเน็ต และ โอเพ่นดรีม มาลงมือทำอะไรกัน ทุกวันพฤหัสที่ 1 ของเดือนกันดีกว่า โดยกิจกรรมครั้งแรกนี้เป็นการแนะนำเว็บแผนที่ OpenStreetMap ซึ่งเป็นบริการแผนที่ ที่เราสามารถมีส่วนร่วมในการเพิ่ม-แก้ไขข้อมูลให้สมบูรณ์

หน้าตาของเว็บ OpenStreetMap (www.OpenStreetMap.org)

OpenStreetMap

Pages