CSS : What's it?

posted on 27 Mar 2006 11:37 by lemonice in TuTorial

มาแล้ว ๆ...คอร์สสอน CSS ก่อนที่จะเริ่ม เราก็ต้องมาคุยกันก่อนว่า
คอร์สที่จะสอนต่อไปนี้จะเป็นการอธิบายถึงคำสั่งต่างๆที่ใช้ โดยแบ่งเป็น
หมวดต่างๆ ซึ่งเราจะสอนแบบให้นำไปประยุกต์ใช้กันเองไม่เน้นการทำ
Work shop อย่างที่ผ่านมา หมายถึงว่าสอนแล้วก็
ตนเป็นที่พึ่งแห่งตนน่ะ ทุกท่าน

ใน Episode แรกนี้ เราจะเริ่มด้วยการอธิบายว่า CSS คืออะไร
ส่วนคนที่คันไม้คันมือแล้วก็ใจเย็นๆนะ

มาเริ่มกันเลยดีก่านะ

CSS คืออะไรอ่ะ ?
CSS ย่อมาจากคำว่า Cascading Style Sheets โดยทั่วไปก็จะเรียก
CSSหรือไม่ก็ Style Sheets ฉะนั้นโปรดเข้าใจว่ามามันคือตัวเดียวกัน
CSS แนะนำและสนับสนุนโดย Microsoft internet explorer 3.0
และ Netscape 4.0 เป็นต้นมา
เป็นวิธีการกำหนดการแสดงผลของสิ่งต่างบนเว็บ เช่น ลักษณะอักษร
ขนาด สี พื้นหนัง ถ้าใครเคยศึกษาภาษา Html มา มันก็คือ
tag <font> นั่นเอง แต่เราสามารถใช้ CSS แทนได้

CSS มีประโยชน์ยังไงอ่ะ ?

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

เนื้อหาจะแบ่งเป็นอะไรบ้างอ่ะ ?

Background พื้นหลัง
border ขอบ /กรอบ
Cursor เมาส์
Scroll bar
List ตัวหัวข้อ
Table ตาราง
Fillter ฟังก์ชั่นพิเศษ
อื่นๆ ถ้ามีอ่ะนะ

เราจะใส่โค้ดลงตรงไหนอ่ะ

. Name { Code }

Name เป็นส่วนของชื่อของ CSS ซึ่งจะนำไปใช้กับส่วนต่างๆ
ซึ่งใน Exteen จะตั้งชื่อให้สัมพันธ์กับส่วนที่นำไปใช้
Code จะอยู่ภายในสัญลักษณ์ { } เป็นการกำหนดลักษณะในส่วนนั้นๆ

เอาล่ะวันนี้เอากัน คร่าวๆก่อนดีกว่า
พรุ่งนี้จะเริ่มเนื้อหากันจริงๆแล้วนะ

edit @ 2006/05/15 14:34:41

41 Comments

มานั่งเรียน

#1 By Yashima on 2006-03-27 11:48

แต้งค์กิ้ว...

#2 By ๏ คุณนายชมพู ๏ on 2006-03-27 11:50

รออยู่นะค๊า
เอาเทคนิคแยะๆ จะได้มาใช้กะBlogได้
ขอเปนแบบอธิบายวิธีทำโค้ตด้วยนะค๊า

#3 By น้ำ on 2006-03-27 11:57

ตามมาเรียน

(เข้าสายนะเนี่ย เหอเหอ)

#4 By JaPaN♀ on 2006-03-27 12:27

อ่านแล้วก้อยังงงๆ อยู่ แต่จะพยายามทำความเข้าใจค่ะ ท่านอาจารย์

ทรายมาค่ะ

#5 By 貴寛・智寛・寛樹 on 2006-03-27 12:53

พี่นั่งที่โต๊ะรอเรียนอยู่นะ

#6 By ๏~ G♥J ~๏ on 2006-03-27 12:59

ตีตั๋วรอเรียนค่า

#7 By killchan แพนด้าร่าง(หน้า)มืด on 2006-03-27 13:13

เจ้าชายปีศาจรายงานตัวงับ บทแรกของวันนี้ ยังเกริ่นๆอยู่
แล้วพรุ่งนี้จะมาเรียนใหม่ฮับ ชะแว้บบบ

#8 By เจ้าชายปีศาจ on 2006-03-27 17:10

มารอเรียนตอนต่อไปจ๊า

#9 By [M]iKaC[H]aN.... on 2006-03-27 17:24

จะมาติดตามต่อไปค่า ^^

#10 By ★+::+@MilY+::+★ on 2006-03-27 18:01

น่าหนุกๆ^ ^ มาเข้าเรียนตรงเวลาแล้วนะงับ รายงานตัวๆ

#11 By AY-jint [ไอ~จินท์] : สัจจะอันไร้ความจริง.. on 2006-03-27 18:21

ตามมาเรียนงับ
รู้สึก CSS จะดีกว่า html แฮะ =o=
/me เหลือบไปมอง CSS ในบล็อก เอ... ก็มีคำสั่งที่อยู่ใต้ {} จริงแฮะ เอิ๊กๆ

ต่อเร็วๆน้า ><"

#12 By ||- Kutzuki -|| on 2006-03-27 18:40

ได้ความรู้เพิ่มขึ้น หลังจากงงๆกับคำว่า css มานาน 555+

รอติดตามตอนต่อไปค่า~

#13 By ~ป.ปลาตากลม~ on 2006-03-27 19:00

งับ เค้าจะเตรียมตัวจ้า

#14 By Linnoy--^o^ on 2006-03-27 21:30

......อ่า.....ละเอียดดีจัง...ชอบๆๆ

#15 By ---ParodY---(="=)--- on 2006-03-27 21:53

เปิดคอร์สเร็วทันใจจัง
แอบคล้าวแฮะเรา ต้องอ่านทวนหลายๆรอบ

#16 By Ryuuzaki ThE ElementO on 2006-03-27 22:10

สอนในส่วนที่ผมอยากเรียนมากๆเลยนะเนี่ย

ตอนนี้กำลังสนใจตรงส่วน ของScroll mouse และ commentbox
รอติดตามตอนต่อไป

#17 By chonchonjung on 2006-03-28 10:46

ท่าทางละเอียดน่าดูชมเลยแฮะ

/me นั่งรอเรียน

ปลใ ขอแอดบล็อกค่ะ

#18 By โคโค่ลูจัง โหมดรีบอร์นกินหัว on 2006-03-28 15:52

มาเรียนด้วยคนค่ะ

#19 By ส้ม (61.90.234.77) on 2006-03-29 12:57

อ่า...ยังมี งง อยู่บ้างแต่ก็จะพยายามเข้าใจเน้อ คือ ไอ้เรื่องBGก็ทำความเข้าใจเป็น ชม. คราว นี้มาเรื่องระหัสอีก แต่บล็อกเราก็สำเร็จได้พเราะ ท่านเมือนกันที่จิง เข้ามาเรียน(?)ในบล็อกนี้บ่อยนะแต่ไม่ได้เม้นให้