สวัสดีครับ วันนี้จะมาขอพูดเรื่อง CSS และ Java Script ครับ ซึ่งเป็นข้อมูลเบื้องต้น ที่ควรรู้ไว้เพื่อเอาไปทำงานต่อครับ
ในเรื่องแรก CSS :
CSS คืออะไรประวัติความเป็นมา ต่างๆ สามารถไปดูได้ที่
http://www.rangsiwut.com/html-css/css-basic/ ครับ
วิธีการใช้งาน สิ่งที่ จะต้องมีใน css เลยนะครับประกอบไปด้วย
1.Selector คือการกำหนดตำแหน่งต่างๆ อาจจะอ้างจาก id หรือ name ใน tag html ต่างๆที่เราสร้างไว้ก็ได้ครับ เช่น
ซึ่งถ้าเราจะนำตัวนี้ไปใช้งาน css ก็ใช้ test_input เป็น Selector ครับ แต่ว่า Selector แต่เรียกใช้แตกต่างกัน ดังนี้ครับ
-
id เวลาใช้จะต้องมีเครื่องหมาย # ไว้ที่หน้า Selector ครับ เช่น #test_input
-
class เวลาใช้จะต้องมีเครื่องหมาย . ไว้ที่หน้า Selector ครับ เช่น .test_input (ถ้าประกาศเป็น class นะครับ)
-
tag html ถ้าเป็น tag ใน html สามารถเขียนไปตรงๆได้เลยครับ เช่น tag p ก็เขียน p ไปตรงๆได้เลย
2.Property คือการกำหนดคุณสมบัติต่างๆของ Selector ครับ เช่นการกำหนด สี,ขนาด,ตัวอักษร,ตำแหน่ง เป็นต้น ท่านสามารถไปดูว่า Property ต่างๆใน css มีอะไรบ้างได้ที่
http://www.w3schools.com/cssref/default.asp นะครับ
3.Value เป็นการกำหนดค่าต่างๆ ให้ Property ครับ เช่น เราเขียน Property ว่า สี ในตัว Value จะเป็นการกำหนดว่า สี เป็นสีอะไร เช่น color:red; กำหนดว่า ให้ text เป็น สีแดงครับ
[color=#400080]สวัสดีครับ วันนี้จะมาขอพูดเรื่อง CSS และ Java Script ครับ ซึ่งเป็นข้อมูลเบื้องต้น ที่ควรรู้ไว้เพื่อเอาไปทำงานต่อครับ[/color]
[img]http://cf.ltkcdn.net/web-design/images/std/37606-425x282-CSSExamples.jpg[/img]
[color=#0000FF][b]ในเรื่องแรก CSS :[/b][/color]
CSS คืออะไรประวัติความเป็นมา ต่างๆ สามารถไปดูได้ที่ [url]http://www.rangsiwut.com/html-css/css-basic/[/url] ครับ
วิธีการใช้งาน สิ่งที่ จะต้องมีใน css เลยนะครับประกอบไปด้วย
[color=#FF0000][b]1.Selector[/b][/color] คือการกำหนดตำแหน่งต่างๆ อาจจะอ้างจาก id หรือ name ใน tag html ต่างๆที่เราสร้างไว้ก็ได้ครับ เช่น [code]<input type="text" id="test_input"/>[/code] ซึ่งถ้าเราจะนำตัวนี้ไปใช้งาน css ก็ใช้ test_input เป็น Selector ครับ แต่ว่า Selector แต่เรียกใช้แตกต่างกัน ดังนี้ครับ
- [color=#FF0080]id[/color] เวลาใช้จะต้องมีเครื่องหมาย # ไว้ที่หน้า Selector ครับ เช่น #test_input
- [color=#FF0080]class[/color] เวลาใช้จะต้องมีเครื่องหมาย . ไว้ที่หน้า Selector ครับ เช่น .test_input (ถ้าประกาศเป็น class นะครับ)
- [color=#FF0080]tag html[/color] ถ้าเป็น tag ใน html สามารถเขียนไปตรงๆได้เลยครับ เช่น tag p ก็เขียน p ไปตรงๆได้เลย
[color=#FF0000][b]2.Property[/b][/color] คือการกำหนดคุณสมบัติต่างๆของ Selector ครับ เช่นการกำหนด สี,ขนาด,ตัวอักษร,ตำแหน่ง เป็นต้น ท่านสามารถไปดูว่า Property ต่างๆใน css มีอะไรบ้างได้ที่ [url]http://www.w3schools.com/cssref/default.asp[/url] นะครับ
[color=#FF0000][b]3.Value[/b][/color] เป็นการกำหนดค่าต่างๆ ให้ Property ครับ เช่น เราเขียน Property ว่า สี ในตัว Value จะเป็นการกำหนดว่า สี เป็นสีอะไร เช่น color:red; กำหนดว่า ให้ text เป็น สีแดงครับ