CSS คืออะไร สอนเขียนภาษา CSS แบบง่ายๆ

Teaching-to-write-CSS-language-news-site

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

Teaching-to-write-CSS-language-one-news-site

ภาษา Css คืออะไร ?

ภาษา css นั้นย่อมาจากประโยค Cascading Style Sheets มีหน้าที่หลักเลยก็คือ คอยวางองค์ประกอบของ HTML/XHTML  ให้มีส่วนของหน้าตา ระยะห่างต่างๆ ให้ออกมาพอดี โดยได้มีการรับรองการกำหนดมาตรฐานจาก W3C  ออกมาแล้วว่า css นั้นคือภาษาที่เอาไว้ตกแต่งเว็บไซต์นั่นเอง

ภาษา css มีประโยชน์อย่างไรบ้าง

สำหรับภาษา css นั้น จริงๆมีประโยชน์มากมายหลายส่วนมากเลยทีเดียว เราไปดูประโยชน์ของ css กันดีกว่า

  1. ภาษา css จะเข้ามาช่วยในด้านการทำงานของ HTML ได้เป็นอย่างดีเลยทีเดียว จะช่วยทำให้สามารถเข้าใจในเนื้อหาได้มากขึ้น การแก้ไขเอกสารต่างๆ ก็ทำได้ง่ายขึ้น ผู้ใช้จะสามารถแยกได้เป็นการลดขั้นตอนการทำงานได้เป็นอย่างดีเลยทีเดียว อีกทั้งยังรวมไปถึงช่วยในการแสดงผลได้อีกต่างหาก
  2. การดาวน์โหลดข้อมูลต่างๆ ของไฟล์จะทำได้เร็วขึ้นตามไปด้วย เพราะเมื่อเราได้ใช้ภาษา css เข้ามาช่วยในการทำงานในส่วนของ code ในเอกสาร HTML ก็จะลดลงไป นั่นก็หมายถึงตัวของไฟล์งานจะเล็กลงทำให้ดาวร์โหลดได้เร็วขึ้น
  3. ช่วยในการลดข้อมูลด้วยคำสั่ง style sheet  ให้ออกมามีหน้าตาเหมือนกัน จึงทำให้ในส่วนของการแก้ไขข้อมูลทำได้ง่ายขึ้น อีกทั้งท่านยังสามารถควบคุมในเรื่องของการแสดงผลออกมาในเหมือนกับ Web Browser ได้อีกด้วยนั่นเอง
  4. สามารถช่วยในเรื่องของการแสดงผลออกไปให้มีความเหมาะสมในด้านสื่อได้เป็นอย่างดี
  5. เพิ่มความเป็นมืออาชีพให้กับทางเว็บไซต์ได้เป็นอย่างดี อีกทั้งยังทำให้มีมาตรฐานที่ดี

Teaching-to-write-CSS-language-two-news-site

การใช้ภาษา css จะช่วยในการกำหนดสไตล์หรือแก้สไตล์ให้ชัดเจนได้อย่างไร

เราลองมากำหนดสไตล์กันดีกว่า แต่เราจะไม่ใช้ภาษา Html นะ เราจะกำหนดสไตล์โดย css กัรไปเลยเพื่อที่จะให้ทุกคนได้เห็นภาพที่ชัดเจนยิ่งขึ้นนั่นเอง

  1. โดยขั้นตอนแรกเลยเราจะมีการทำไฟล์ css แต่อาจจะยังไม่ต้องไปใส่ใจอะไรมากมายนักว่ามันถูกตั้งไว้ที่ใด แต่เราจะใช้วิธีเพิ่ม code ในส่วนของ css ลงไปเราอาจจะตั้งชื่อตามต้องการไปได้เลยในไฟล์งานนั้น
  2. เมื่อเราได้กำหนดขึ้นมาได้แล้ว แต่เราอาจจะต้องการส่วนในการย่อนหน้าหรือพื้นหลังสีใดก็ตามก็พิมพ์ลงไปในนั้นได้เลยเป็นภาษาไทยปกติ แต่ต้องใส่ตัวสัญลักษณ์ทางด้านภาษาของไอทีอย่าง Html หรือ css ลงไปด้วย
  3. ตัวอย่างเช่นผลลัพธ์ที่เรากำหนดเป็นย่อหน้าและมีสีแดง เราก็สังเกตุว่าออกมาตามนั้นหรือไม่
  4. ประโยชน์ของ css ก็คือ เมื่อท่านต้องการแก้ไขก็แค่นำ code มาใส่ในรายละเอีนดไฟล์เท่านั้นก็สามารถแก้ไขได้แล้ว ไม่ต้องมีอะไรยืดยาดมากมาย
  5. เข่นวันไหนต้องการปรับ center หรือ ปรับสีจากสีแดงเป็นสีเขียว เราก็เข้าไปที่ไฟล์งานได้เลยโดยตรง แล้วใส่ code ไปจุดเดียวเท่านั้นพอ ไม่ต้องยุ่งยากเรียกได้ว่าตามสไตล์เราได้เลย ตรงจุดนี้ถือว่าเป็นข้อดีอย่างมากที่เราใช้ตัว css เพื่อช่วยในการทำงานของเอกสาร Html