Accessibility Links

• Skip to Content
• Skip to Main Navigation
• Skip to thaicss.com Search
• Accessibility help
• Access keys help
• 

CSS Selectors

Selectors ของ CSS

1. เปรียบเทียบ Selectors ของ CSS2 และ CSS3

   พร อันทะ 2008-02-19 09:19:54

   css2 และ css3 มีรูปแบบการใช้งาน selectors เพิ่มมากยิ่งขึ้นและแตกต่างกันออกไป มาดูกันว่า css3 มี selectors เพิ่มมา มากน้อยเท่าใด และเราจะเตรียมตัวนำไปใช้ได้อย่างไรกันบ้าง

   Tags:

   1. selectors
   2. css3
   3. css2

   Permalink

2. การเขียน Liquid Layouts 3 Columns

   พร อันทะ 2008-01-20 14:54:43

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

   Tags:

   1. liquid layout
   2. layout
   3. 3 columns

   Permalink

3. การจัดการ font ในเอกสาร XHTML โดยใช้ CSS

   Radiz 2007-12-11 16:24:29

   เป็นที่ทราบกันอยู่แล้วว่าขนาด default ของ font ในแต่ละ browser เวลาที่เรากด small, smaller, medium, larger และ largest นั้นอยู่ในหน่วย % คือ 90%, 100%, 110% และ 120% แต่ขนาด zoom นั้นจะเป็นเอกลักษณ์ของแต่ละ browser

   Tags:

   1. font
   2. xhtml
   3. css

   Permalink

4. Descendant selectors ของ CSS

   พร อันทะ 2007-12-10 20:19:23

   Descendant selectors คือการเขียน CSS แบบสืบทอดคุณสมบัติตามแบบฉบับลูกหลานของ Element ใดๆ ที่อยู่ภายใต้ Element หลักที่เราสั่งงาน เช่นตัวอย่างต่อไปนี้จะแสดงถึง h1 ซึ่งเป็น ลูกของ div จะทำงานก็ต่อเมื่อ อยู่ใน div เท่านั้น

   Tags:

   1. selector
   2. class
   3. id

   Permalink

5. การใช้ !important กับ IE6

   Radiz 2007-09-29 11:01:49

   เมื่อเราใช้ !important เติมท้าย value ของ property ใดใดของ CSS โมเดิร์นบราวเซอร์ส่วนใหญ่นั้นจะเลือกทำตามคำสั่งนี้ แต่ทว่า IE6 หรือ เวอร์ชั่นต่ำกว่านั้น จะมีปัญหากับเจ้า !important นี้

   Tags:

   1. css
   2. important
   3. ie6

   Permalink

6. เข้าใจ CSS Selectors มากยิ่งขึ้น มั่วกันให้น้อยลง

   พร อันทะ 2007-08-21 10:40:09

   ทำไมถึงต้องพูดกันให้บ่อยด้วยหรือ กับแค่เรื่อง CSS Selectors มันก็มี class ( . ) และ id ( # ) ไม่ใช่หรือ ตอบไปเลย ไม่ใช่ครับ

   Tags:

   1. syntax
   2. selector
   3. css

   Permalink

7. Netscape 4 !important Hack

   Radiz 2007-08-21 10:47:52

   Tags:

   1. css
   2. netscape
   3. important

   Permalink

8. ตบตา Netscape 4 ด้วย ID Element

   Radiz 2007-08-21 10:48:00

   คราวที่แล้วพูดถึงการใช้ การเขียน Comment ของ CSS หลอกเจ้าลุง Browser ตัวนี้ไปแล้ว คราวนี้มาว่าต่อด้วยวิธีป่วน ลุง Browser ตัวนี้ต่อ เป็นวิธีที่เรียกว่า "วิธีง่าย ๆ" ก็ได้มั้ง ลุง Browser ตัวนี้เนี่ยแกจะไม่ทำงานกับ ID selector ใดใดที่มีการเขียนให้เรียกใช้แบบ จำเพาะเจาะจง งงมั้ยครับ ดูตัวอย่างข้างล่างนี้ละกัน

   Tags:

   1. fake id
   2. netscape

   Permalink

9. ซ่อนแสดง code กับ Netscape 4

   Radiz 2007-08-21 10:48:14

   สำหรับเพื่อน ๆ ที่ชื่นชอบการบู๊สะบั้นหั่นแหลก เผชิญหน้ากันตรง ๆ กับปัญหา วิธีนี้น่าจะเป็นวิธีที่ท้าทาย และ เป็นการประเทืองปัญญาไปในตัว

   Tags:

   1. css
   2. hide and seek css
   3. netscape4

   Permalink

10. Multiple Style Sheet จบปัญหาขั้นต้น กับ Netscape4

    Radiz 2007-08-21 10:50:14

    Tags:

    1. multiple
    2. css
    3. netscape4

    Permalink

11. บทเริ่มแห่งสงคราม (Netscape 4)

    Radiz 2007-08-21 10:48:32

    Tags:

    1. star a war

    Permalink

12. ประกาศสงคราม

    Radiz 2007-08-21 10:48:43

    Cascading Style Sheets (CSS) เป็นเครื่องมือที่สมบูรณ์ที่ดีที่สุด ในการออกแบบ website ในขณะนี้ ถึงแม้ความเป็นจริง CSS ยังไม่สามารถนำมาใช้งาน ได้อย่างสมบูรณ์ตามที่เราคาดหวังไว้ก็ตาม

    Tags:

    1. netcape
    2. บราวเซอร์

    Permalink

1. {CAT_TITLE}

Unknown Version Unknown