เพจใหม่ 2
                     
                     
55+ ในที่สุดก็เอามาลงจนได้ หลังจากโม้มาตั้งนาน...
อัพๆๆ >O</

จากที่เอนทรีก่อนมีปัญหาเล็กน้อยเนื่องจาก 'คอมเมนต์ไม่ได้'

เป็นความผิดของเราเองที่...ที่....ที่เขียนเนื้อหาเอนทรีแล้วมันโยงกับตัวเมนต์ได้

ตอนนี้ก็แก้เรียบร้อยแล้วนะคะ ไปดู+เมนต์(55+)ได้ค่ะ

วันนี้ก็เอา CSS มาลงแล้ว ก็คงลงสลับกับ JAVA ไปนะคะ ^^

......

...มีคนเมล์มาบอกว่าเรื่องเคาท์เตอร์ผู้เยี่ยมชมเราที่ครบ 10000 คนนั้นไม่จริง

งั้นมานับกันดีกว่า และฉลี่ยเลยว่าในแต่ละวันมีคนเข้ามาดูบลอคเราเท่าไหร่ -_-^^^

ปิดท้ายด้วยเพลงวงหลม ของบัวชมพูค่ะ (ชอบมาตั้งนานแล้ว >_<)

#1 พื้นฐานเบื้องต้น

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   เมาส์
  • scrollbar สกอร์บาร์
  • list     ตัวหัวข้อ
  • table    ตาราง
  • box Properties    กล่อง (อธิบายไม่ถูกแฮะ)
  • fillter    ฟังก์ชั่นพิเศษ
  • textarea เท็กแอเรีย
  • อื่นๆ  ถ้ามีอ่ะนะ

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

      . Name { Code }

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

[CREDIT::LEMONICE]

#2 /* สีของลิงค์ */

(เอนทรีที่เกี่ยวข้อง::20060304กับ20060504)

เอาล่ะ หลังจากบทแรกก็อปมาทั้งดุ้น 55+ ยังไงก็ขอขอบคุณพี่เต้มากๆ นะคะ ^/\^

เรื่องที่สองนี้เราก็จะไล่มาจากด้านบนของโค้ด CSS ด้านบนเลยนะคะ นั่นคือ /*สีของลิงค์*/ นั่นเองค่ะ

ให้ดูตัวอย่างประกอบจากกรอบด้านล่างนะคะ

อธิบายๆ >O<

Link หมายถึง สีตัวหนังสือที่เราทำลิงค์
Visidted
หมายถึง สีตัวหนังสือของลิงค์ที่เราเค
ย หรือคลิกไปแล้ว
Hover
หมายถึง สีตัวหนังสือของลิงค์ในขณะที่เรากำลังจะคลิก หรือสีตัวหนังสือตอนที่เราวางเมาส์บนลิงค์น่ะค่ะ

border หมายถึงกรอบที่เราต้องการ
border-style หมายถึงลักษณะกรอบเช่น solid, dashed, dotted
border-width หมายถึงความกว้างของกรอบ
border-color หมายถึงสีของกรอบ
border-
top หมายถึงให้มีเส้นด้านบน ตัวอย่าง
ลิงค์ (เห็นเส้นตรงด้านบนมั้ยคะ)
border-
left
หมายถึงให้มีเส้นด้านซ้าย ตัวอย่าง   ลิงค์ (เห็นเส้นตรงด้านซ้ายมั้ยคะ)
border-
right
หมายถึงให้มีเส้นตรงด้านขวา ตัวอย่าง  ลิงค์  (เห็นเส้นตรงด้านขวามั้ยคะ)
border-
bottom หมายถึงให้มีเส้นให้ลิงค์ ตัวอย่าง
ลิงค์  (เห็นเส้นตรงด้านล่างมั้ยคะ)

none หมายถึงตัวหนังสือธรรมดาไม่มีสีขีดหรืออื่นๆ
underline หมายถึงต้องการให้ลิงค์มีขีด
bold หมายถึงต้องการให้ลิงค์เป็นตัวหนา
italic หมายถึงต้องการให้ลิงค์เป็นตัวเอียง

u

ปล. มีอะไรสงสัยถามได้นะคะ ^-^

ปล1. ใครที่คิดว่า FROMMAIL เจ๋ง อยากให้เอามาลงอีกก็บอกได้นะคะ มีอีกเพียบบบบบ  (จะมีมั้ยเนี่ย 55+)

ปล2. หรือใครอยากทำ FROMMAIL เอง ง่ายๆ (มั้ง 55+) ก็บอกได้ค่ะ แต่ที่จริงก็แอบคิดอยู่ว่าจะเอามาลงด้วยนะเนี่ย... ดีมั้ย?

ปล3. ใครมีอะไรสงสัยถามได้นะคะ (ตามฟอร์ม)

ปล4. รบกวน (อีกแล้ว) ช่วยโหวตหน่อยนะคะ >_<--o 

                     
                     

...

Comment

Comment:

Tweet

ขอบคูร นะคับ
ถ้าว่างมาเยี่ยมมั่งนะ คับ
http://itmaster2.exteen.com/http://itmaster2.exteen.com/
หรือ
http://itmaster.exteen.com/http://itmaster.exteen.com/
นะคับขอบคุณนะคับ

#11 By itmaster2 on 2009-11-14 21:52

อยากได้ โค๊ด css จังค่ะ เพราะตอนนี้ Blog ของเราไม่สวยเรย

#10 By e-bOw-b@ on 2007-01-21 22:30

สนุกดีค่ะ เราค่อนข้างเข้าใจอย่างละเอียดดีมากๆ ขอบคุณนะคะ >__<

#9 By S n o w on 2006-05-11 10:23

555+ เม้นท์ได้แล้ว

โค้ด CSS
งืม ๆ ทีนี้คนที่เพิ่งเริ่มเข้ามาใช้บลอค
ก็มีตัวช่วยแล้วสิเนอะ

#8 By ??? on 2006-05-11 07:09

อิอิ เมนต์ได้แล้ว กลับมาร่าเริงรึยังเอ่ย?

ถ้ายังก้อร่าเริงซะนะ กั่ก ๆๆ (ซะงั้นเรย)

และก็ ขอบคุณสำหรับความรู้ที่เอามาฝากกานงับ

#7 By RUKI" on 2006-05-11 00:36

บล็อคน่ารักมากเลยค่ะ ขออนุญาตแอดนะคะ
อธิบาย CCS เข้าใจง่ายดีค่ะ จะติดตามต่อไปเรื่อยๆ นะ (เมื่อก่อนลองไปอ่านบล็อคของหลายๆ คนแล้วยังงงๆ อยู่)
ป.ล.เพลงวงกลมของพี่บัวเพราะมากเลยเนอะ พี่บัวตอนนี้ก็น่าร๊ากกขี้นเยอะเลย
อธิบายละเอียดและเข้าใจง่ายมากๆเลยแฮะ

เราคนไม่เก่ง ccs ยังรุเรื่องเลยนะเนี่ย

กัก่ๆๆ

#5 By ::|| プロイ on 2006-05-11 00:01

ขอบคุณค่า ถึงว่าทำไมเม้นไม่ได้

#4 By BK_Fighter on 2006-05-10 20:37

ทริปดี ๆ มีมาให้เสมอเลยนะจ๊ะ
ขอบคุณมาก ๆ

#3 By ๏~ G♥J ~๏ on 2006-05-10 17:57

อธิบายละเอียดเลย
ดีจังเข้าใจง่ายดีนะคะ

#2 By lvl!SsC@t on 2006-05-10 17:53

มิน่าตกใจว่าทำไมเม้นไม่ได้-*-
ชอบเพลงวงกลมมั่กๆ เพราะสุดๆ

#1 By -'๓'- Hiim€k@ -'๓'- on 2006-05-10 17:22

*ออม* View my profile