| Pseudo_element (1801)
บทความ CSS เกือบทั้งหมดได้นำมาจาก http://www.enjoyday.net/webtutorial/cssเป็น selector กลุ่มที่น่าสนใจที่จัดรูปแบบการแสดงผลโดยขึ้นกับสถานะ หรือเงื่อนไข เช่น เฉพาะอักษรตัวแรกใน เท่านั้นท...
|
| Pseudo_classes (1801)
เป็น selector กลุ่มที่น่าสนใจที่จัดรูปแบบการแสดงผลโดยขึ้นกับสถานะ หรือเงื่อนไข เช่น link เมื่อถูกคลิกจะเปลี่ยนสี เป็นต้น selector:pseudo-class {property: value}selector.css-class:pseudo-class {pr...
|
| การจัด_Layout_ด้วย_CSS__Div_ (1801)
แบ่งเป็น 4 แบบ คือ1. Fixed Layout จะกำหนดขนาดความกว้าง และตำแหน่งของส่วนต่างๆ เป็น pixel ทำให้กำหนดขนาด และตำแหน่งของส่วนต่างๆ ได้ตามต้องการ ไม่ผิดเพี้ยนไปตามขนาดหน้าจอ และเมื่อย่อขยายหน้าต่างเว็...
|
| Layout (1801)
ในหน้าเว็บเพจหนึ่งประกอบไปด้วยส่วนหัวเว็บ (Page Header), ส่วนเนื้อหา และการเชื่อมโยง (Page Body), และส่วนท้าย (Page Footer) การจัดสรรพื้นที่ของหน้าเว็บเพจเพื่อแสดงส่วน...
|
| Media_Types_ประเภทของสื่อ (1801)
ในการกำหนดการแสดงผลหน้าตาเว็บเพจ บนสื่อประเภทต่างๆ เราสามารถกำหนด style ให้แตกต่างกันได้ เช่น ตอนที่เราเห็นบนหน้าจอ (screen) กับตอนที่สั่งพิมพ์ออกกระดาษ (print) ให้แสดงผลไม่เหมือนกัน แล้วประเภทขอ...
|
| Mouse_cursor (1801)
การกำหนด style ใ้ห้กับ Mouse cursor หากคุณใช้ browser Firefox ลักษณะของ Cursor ที่เห็นจะไม่เหมือนกับของ IE (ลองเอาเมาส์เลื่อนที่ค่า value ต่างๆ ดูค่ะ)PropertyValueCursorIEFFcursordefault4+2+ cros...
|
| Scroll_bar (1801)
การกำหนด style ใ้ห้กับ Scroll bar ใช้งานได้เฉพาะ IE5.5+ ไม่สามารถใช้ได้กับ FirefoxPropertyValue scrollbar-face-colorcolorสีแถบที่เลื่อนscrollbar-highlight-colorcolorสีขอบด้านบน และด้านซ้าย ด้านใน...
|
| Form (1801)
เรื่องของ CSS ที่เกี่ยวกับ Form มี 2 ส่วนที่อยากจะพูดถึงค่ะ ส่วนแรก คือ การตกแต่ง Form Elements ด้วย style sheet และส่วนที่สอง คือ การทำ Form โดยไม่ใช้ Table หรือเรียกว่า Tableless Form Form Elem...
|
| Image_รูปภาพ (1801)
เราสามารถตกแต่งภาพด้วย border และใช้ filter ให้ภาพดูโปร่งใส (Transparent)สำหรับ browser IE จะใช้ propety filter:alpha(opacity=0-100) ส่วน Firefox จะใช้ property opacity:0.0-1.0 ตัวเลขยิ่งน้อ...
|
| Positioning_การจัดวางตำแหน่งวัตถุ (1801)
การจัดวางตำแหน่งวัตถุPropertyDescriptionValues topใช้กำหนดระยะของวัตถุ ว่าให้อยู่เหนือ หรือ ล่าง ขอบด้านบนauto%length bottomใช้กำหนดระยะของวัตถุ ว่าให้อยู่เหนือ หรือ ล่าง ขอบด้านล่างauto%len...
|