การใช้งาน CSS

Dreamweaver

ในบทที่แล้วหลังจากที่เราลองเขียน CSS กันดูแล้วในบทนี้จะเป็นการกำหนดค่า CSS style ให้วัตถุของเรา

กำหนดรูปแบบ CSS ให้กับเว็บเพจ

ในกรณีที่ใช้ External CSS อย่าลืมลิงค์ไฟล์มาที่เว็บเพจก่อน

1.เปิดเว็บเพจที่เราต้องการกำหนดรูปแบบ CSS ให้

2.เลือกวัตถุที่เราต้องการกำหนดรูปแบบ CSS ให้ ดังตัวอย่างเป็นการกำหนดรูปแบบ CSS ให้กับตัวอักษร จากนั้นก็ไปที่ Property inspector ในช่อง style เลือกรูปแบบที่เราได้ทำการเขียนไว้



หรืออาจใช้วิธีนี้ ไปเลือกวัตถุที่ต้องการกำหนด CSS จากนั้นคลิกขวาที่ status bar ดังรูป





ยกเลิกรูปแบบ CSS

ถ้าเราต้องการยกเลิกรูปแบบ CSS ที่กำหนดให้วัตถุ ให้ทำดังนี้

1.เลือกวัตถุที่เราได้ทำการกำหนด CSS แล้ว

2.ไปที่ status bar ดังรูป จากนั้นคลิกขวา ดังตัวอย่าง เลือก set class > none ก็จะสามารถยกเลิกการกำหนดรูปแบบได้แล้ว



เกี่ยวกับบทความนี้

  • ระดับความยาก : พื้นฐาน
  • คะแนนของบทความนี้ : 5
  • สร้างเมื่อ : 15-05-2010
  • จำนวนครั้งที่เปิด : 1,000
  • เนื้อหาที่เกี่ยวข้อง :
      -

คะแนนความน่าสนใจ

49

คลิกที่ เวิร์คมาก! เพื่อโหวตให้กับบทความนี้หากคิดว่าน่าสนใจ

บทความอื่นๆในหมวดลองทำเว็บไซต์ แบบง่ายๆ (13 เรื่อง)

เริ่มต้นกับ CSS

เริ่มต้นกับ CSS

บทนี้เป็นพื้นฐานของเรื่อง CSS บอกพื้นฐานของการใช้งาน CSS แบบคร่าวๆ (สามารถอ่านเรื่อง CSS พื้นฐานได้ที่หัวข้อ สร้าง web page )

สร้างเมื่อ : 15-05-2010 22:43 | จำนวนครั้งที่เปิด : 1,772


Internal CSS

Internal CSS

ในบทนี้จะเป็นเนื้อหาการเขียน CSS แบบ Internal คือ เราจะเขียน CSS ไว้ใน ของเว็บเพจนั้นเลย ซึ่งการแสดงผลของ CSS ก็จะมีผลเฉพาะในเว็บเพจนี้เท่านั้น

สร้างเมื่อ : 15-05-2010 22:43 | จำนวนครั้งที่เปิด : 1,012


External CSS

External CSS

การเขียน CSS เป็นไฟล์แยกออกจากเว็บเพจ การเขียนด้วยวิธีนี้จะทำให้สามารถแก้ไขหน้าเว็บเพจได้ดี และเป็นที่นิยมใช้

สร้างเมื่อ : 15-05-2010 22:44 | จำนวนครั้งที่เปิด : 1,069


การใช้งาน CSS

การใช้งาน CSS

หลังจากที่เราเขียน CSS กันมาแล้วในบทนี้จะเป็นการกำหนด CSS style ให้กับวัตถุต่างๆในเว็บเพจ

สร้างเมื่อ : 15-05-2010 23:29 | จำนวนครั้งที่เปิด : 1,000


เปลี่ยนสีของตัวอักษรที่เป็น Hyperlink

เปลี่ยนสีของตัวอักษรที่เป็น Hyperlink

เราสามารถเปลี่ยนสี ขนาด การขีดเส้นใต้ ของตัวอักษรที่เป็น Hyperlink ได้ตามขั้นตอนในบทนี้

สร้างเมื่อ : 16-05-2010 4:56 | จำนวนครั้งที่เปิด : 1,139


รายละเอียด Type category

รายละเอียด Type category

ในบทก่อนเราเคยลองเขียน CSS กันแล้วแต่ยังไม่ได้ลงรายละเอียดกัน ในหมวดนี้เราจะลงรายละเอียดในหมวดของ Type category

สร้างเมื่อ : 15-05-2010 22:49 | จำนวนครั้งที่เปิด : 780


รายละเอียด Background category

รายละเอียด Background category

ในบทก่อนเราเคยลองเขียน CSS กันแล้วแต่ยังไม่ได้ลงรายละเอียดกัน ในหมวดนี้เราจะลงรายละเอียดในหมวดของ Background category

สร้างเมื่อ : 15-05-2010 22:51 | จำนวนครั้งที่เปิด : 893


รายละเอียด Block category

รายละเอียด Block category

ในบทก่อนเราเคยลองเขียน CSS กันแล้วแต่ยังไม่ได้ลงรายละเอียดกัน ในหมวดนี้เราจะลงรายละเอียดในหมวดของ Block category

สร้างเมื่อ : 15-05-2010 22:52 | จำนวนครั้งที่เปิด : 738


รายละเอียด Box category

รายละเอียด Box category

ในบทก่อนเราเคยลองเขียน CSS กันแล้วแต่ยังไม่ได้ลงรายละเอียดกัน ในหมวดนี้เราจะลงรายละเอียดในหมวดของ Box category

สร้างเมื่อ : 15-05-2010 22:53 | จำนวนครั้งที่เปิด : 707


รายละเอียด Border category

รายละเอียด Border category

ในบทก่อนเราเคยลองเขียน CSS กันแล้วแต่ยังไม่ได้ลงรายละเอียดกัน ในหมวดนี้เราจะลงรายละเอียดในหมวดของ Border category

สร้างเมื่อ : 15-05-2010 23:56 | จำนวนครั้งที่เปิด : 651


รายละเอียด List category

รายละเอียด List category

ในบทก่อนเราเคยลองเขียน CSS กันแล้วแต่ยังไม่ได้ลงรายละเอียดกัน ในหมวดนี้เราจะลงรายละเอียดในหมวดของ List category

สร้างเมื่อ : 15-05-2010 22:54 | จำนวนครั้งที่เปิด : 667


รายละเอียด Positioning category

รายละเอียด Positioning category

ในบทก่อนเราเคยลองเขียน CSS กันแล้วแต่ยังไม่ได้ลงรายละเอียดกัน ในหมวดนี้เราจะลงรายละเอียดในหมวดของ Positioning category

สร้างเมื่อ : 15-05-2010 22:55 | จำนวนครั้งที่เปิด : 696


รายละเอียด Extensions category

รายละเอียด Extensions category

ในบทก่อนเราเคยลองเขียน CSS กันแล้วแต่ยังไม่ได้ลงรายละเอียดกัน ในหมวดนี้เราจะลงรายละเอียดในหมวดของ Extensions category

สร้างเมื่อ : 15-05-2010 22:55 | จำนวนครั้งที่เปิด : 580