สิ่งที่เรียกว่า Selects, Properties , and Values สิ่งที่เป็นองค์ประกอบของ CSS
25 September 2008ในขณะที่ HTML มี tags , CSS ก็มี selectors
Selectors คือชื่อที่กำหนดให้กับ styles ทั้งในรูปแบบ Internal และ External style โดยในเบื้องต้นนี้เราจะสนใจ
เกี่ยวกับ HTML selectors ซึ่งเป็นแท็ก HTML ง่ายในการใช้เปลี่ยนแปลง style ที่กำหนด
ใน selector แต่ละตัวจะมี properties อยู่ภายในเครื่องหมายปีกกา { } ซึีงอาจจะประกอบไปด้วย
รูปแบบของคำว่า color, font-weight หรือ background-color. เป็นต้น
ค่า value จะกำหนดต่อท้ายเครื่องหมาย : โค่ลอน และจะมีเครื่องหมาย ; เซมิโคล่อน ทำการแบ่ง
property แต่ละตัว
ดังตัวอย่างข้างล่าง
body{
font-size:12px;
color:red;
}
เป็นการกำหนดค่า value ใ้ห้กับ property ที่ชื่อ font-size และ color โดยมี body เป็นตัว selector
ดังนั้น โดยง่ายๆ เมื่อมีการนำ CSS ด้านบนไปใช้ก็จะมีผลทำให้ข้อความที่อยู่ในแท็ก <body> มีขนาดตัวอักษรเท่ากับ 12 pixels และมีสีแดง
เนื้อหาที่เี่กี่ยวข้อง
- การใช้งาน CSS - ศึกษาิวิธีการนำ CSS ไปใช้กับ HTML
- สิ่งที่เรียกว่า Selects, Properties , and Values - สิ่งที่เป็นองค์ประกอบของ CSS
- สี Colours - การใช้งานสี
- ข้อความ Text - การจัดการเกี่ยวกับขนาดและรูปร่างของข้อความ
- Margins and Padding - การจัดการพื้นที่ระหว่างสิ่งต่างๆ
- Borders - การจัดการเกี่ยวกับขอบ
- รวมส่วนประกอบต่างข้างบนเป็น CSS
บทความคนเข้าอ่านวันนี้
29 Mar 10 สร้างฟอร์ม ดึง พิกัด ค่า latitude และ longitude จาก google map อ่าน 6547 28 May 10 แสดง การแจ้งเตือน ให้เปิด หรือ บันทึกไฟล์ที่ดาวน์โหลด ด้วย php อ่าน 1201 16 Aug 09 jQuery UI คือ อะไร อ่าน 4303 21 Dec 09 ใช้งาน fckeditor WYSIWYG editor สำหรับเว็บบอร์ด หรืออื่นๆ อย่างง่าย อ่าน 2649 20 Oct 10 สร้าง video playlist ของ jwplayer jquery plugin ด้วย xml และการใช้งาน อ่าน 2502 17 Aug 09 สร้างเมนู เทคนิค ลูกตาปลา ด้วย jQuery อย่างง่าย อ่าน 5555 25 Nov 09 สร้างระบบ สมาชิกออนไลน์ member online ด้วย php และ ajax ใน jQuery อย่างง่าย อ่าน 7642 27 Jan 10 การใช้งาน jQuery.contains() ใน jQuery 1.4 อ่าน 2255 09 Aug 10 ประยุกต์ jQuery UI ปฏิทิน Datepicker แสดงภาษาไทย และใช้ ปี พ.ศ. อ่าน 8474 25 Sep 08 การกำหนด selectors ด้วย jQuery เกี่ยวกับ form อ่าน 4329 13 Oct 08 คำสั่ง SQL ORDER BY อ่าน 7207 25 Sep 08 รู้จักฟังก์ชันของ jQuery ในการเรียกใช้ Attribute อ่าน 3479 26 Feb 09 สร้างคลิกขวาเมนูในเว็บด้วย CSS + jQuery อย่างง่ายดาย อ่าน 3147 18 Oct 10 แนะนำ jwplayer สำหรับ แสดง video ในเว็บ และ jquery jwplayer อ่าน 1547 08 Oct 08 การกำหนด class มากกว่าหนึ่ง อ่าน 2450 22 Mar 09 สร้างฟังก์ชันโชว์รูปภาพขนาดใหญ่ด้วย javascript แบบง่าย อ่าน 4777 05 Nov 10 แนวทาง ประยุกต์ กำหนด event ให้กับ jQuery UI datepicker อ่าน 2370 11 May 10 การจัดข้อความ text direction rotation หมุนข้อความ แนวตั้ง ด้วย css ในตาราง อ่าน 3161 25 Sep 08 รวมส่วนประกอบต่างข้างบนเป็น CSS อ่าน 3603 25 Oct 08 สร้างฟังก์ชันการหา whois เบื้องต้นด้วย php อย่างง่าย อ่าน 1417
