หน้าแรก> การสอนการออกแบบเว็บไซต์
ทั้งหมด บทช่วยสอน Dreamweaver การสอนจาวาสคริปต์ กวดวิชา HTML บทช่วยสอน CSS เคล็ดลับและเทคนิค บทช่วยสอน DHTML เทคนิคพิเศษของเว็บ การทำให้เว็บเป็นมาตรฐาน
การสอนการออกแบบเว็บไซต์
  • รูปแบบแถบเลื่อน CSS (ล้น)

    รูปแบบแถบเลื่อน CSS (ล้น)

    การตั้งค่ารูปแบบแถบเลื่อน CSS (ล้น) จะต้องใช้งานง่าย ในหลายกรณี การตั้งค่านี้ไม่เหมาะกับหน้าใดหน้าหนึ่ง ตัวอย่างเช่น เว็บไซต์ข่าวบางแห่งใช้การโหลดข้อมูลแบบเพจจิ้ง ต้องเลื่อนลงมาเรื่อยๆ โดยจะมีแถบเลื่อนทางด้านขวาของเบราว์เซอร์เสมอ นี่คือองค์ประกอบที่อธิบาย
    2024-11-21
  • ตัวนับ CSS (ตัวนับ)

    ตัวนับ CSS (ตัวนับ)

    องค์ประกอบหลอก CSS (ตัวนับ) ใน CSS นั้นใช้งานง่ายมาก แต่ทุกคนมักมองข้ามแอตทริบิวต์เนื้อหาที่ใช้กันทั่วไปในองค์ประกอบหลอกตอนนี้หลายคนคิดว่ารองรับเฉพาะสตริงยกเว้นอักขระที่ใช้กันทั่วไป สตริงรวมถึง uri, count...
    2024-11-21
  • การมองเห็นองค์ประกอบ CSS (การมองเห็น)

    การมองเห็นองค์ประกอบ CSS (การมองเห็น)

    การมองเห็นองค์ประกอบ CSS (การมองเห็น) คุณสมบัติการมองเห็นใน CSS ใช้เพื่อกำหนดว่าจะมองเห็นองค์ประกอบหรือไม่ คุณสามารถใช้คุณสมบัตินี้กับ JavaScript เพื่อสร้างเมนูที่ซับซ้อนมากหรือเค้าโครงหน้าเว็บ ตัวอย่างเช่น เมื่อทำคำถามทดสอบบางอย่างบนหน้าเว็บ คุณสามารถใช้
    2024-11-21
  • ประเภทการแสดงองค์ประกอบ CSS (จอแสดงผล)

    ประเภทการแสดงองค์ประกอบ CSS (จอแสดงผล)

    ประเภทการแสดงองค์ประกอบ CSS (จอแสดงผล) คุณลักษณะการแสดงผลเป็นหนึ่งในคุณลักษณะที่สำคัญที่สุดใน CSS ส่วนใหญ่จะใช้เพื่อควบคุมเค้าโครงขององค์ประกอบ คุณสามารถตั้งค่าได้ว่าจะให้แสดงองค์ประกอบอย่างไรและอย่างไร 1. บทบาทของแอตทริบิวต์การแสดงผล 1. คุณลักษณะการแสดงผ
    2024-11-21
  • ห้าวิธีในการวางตำแหน่ง CSS (ตำแหน่ง)

    ห้าวิธีในการวางตำแหน่ง CSS (ตำแหน่ง)

    ห้าวิธีในการวางตำแหน่ง CSS (ตำแหน่ง) คุณลักษณะตำแหน่งใน CSS ใช้เพื่อกำหนดตำแหน่งขององค์ประกอบบนเพจ คุณสามารถวางคุณลักษณะใดก็ได้ทุกที่ที่คุณคิดว่าเหมาะสมผ่านคุณลักษณะนี้ คุณลักษณะตำแหน่งระบุประเภทการวางตำแหน่งขององค์ประกอบ คุณลักษณะนี้กำหนดกลไกการวางตำแหน่
    2024-11-21
  • การซ้อนองค์ประกอบ CSS (ดัชนี z)

    การซ้อนองค์ประกอบ CSS (ดัชนี z)

    การซ้อนองค์ประกอบ CSS (ดัชนี z) เพราะเราคิดโดยสัญชาตญาณว่าหน้าเว็บ HTML นั้นเป็นสองมิติ เนื่องจากข้อความ รูปภาพ หรือองค์ประกอบอื่นๆ ถูกจัดเรียงตามลำดับ แต่หน้าเว็บจริงนั้นเป็นสามมิติ และอาจเกิดการซ้อนระหว่างองค์ประกอบต่างๆ (ทับซ้อนกัน) สามารถตั้งค่าลำดับก
    2024-11-21
  • CSS ลอย

    CSS ลอย

    CSS float (float) 1. สามวิธีของการจัดวางหน้าเว็บแบบดั้งเดิม สาระสำคัญของการจัดวางหน้าเว็บ: ใช้ CSS เพื่อวางกล่องและวางกล่องในตำแหน่งที่เกี่ยวข้อง CSS มีวิธีการจัดวางแบบดั้งเดิมสามวิธี (พูดง่ายๆ ก็คือ วิธีจัดเรียงกล่อง) (1) กระแสธรรมดา (กระแสมาตรฐาน) (2) ล
    2024-11-21
  • ตัวเลือกคลาสหลอก CSS

    ตัวเลือกคลาสหลอก CSS

    CSS pseudo-class selector บทบาทของ pseudo-class selector ใน CSS อาจกล่าวได้ว่ามีความสำคัญ หาก CSS ไม่มี pseudo-class selector จะต้องทำให้เอฟเฟกต์หลายอย่างเสร็จสิ้นด้วยความช่วยเหลือของ js ซึ่งจะไม่เพียงแต่เพิ่มจำนวนเท่านั้น รหัสแต่ยังเพิ่มค่าบำรุงรักษาอีกด
    2024-11-21
  • ความแตกต่างระหว่างตัวเลือกคลาสหลอก CSS และตัวเลือกองค์ประกอบหลอก

    ความแตกต่างระหว่างตัวเลือกคลาสหลอก CSS และตัวเลือกองค์ประกอบหลอก

    ความแตกต่างระหว่างตัวเลือกคลาสหลอก CSS และตัวเลือกองค์ประกอบหลอก ความแตกต่างระหว่างคลาสหลอกและองค์ประกอบหลอก (1) คลาส ชื่อคลาสที่ผู้ใช้กำหนด คลาสนี้มีความเฉพาะเจาะจงและมองเห็นได้ เช่น div.div0 เลือกคลาส องค์ประกอบ div0 div (2) Pseudo-class ใช้เพื่อเพิ่มเอ
    2024-11-21
  • ความโปร่งใส CSS (ความทึบ)

    ความโปร่งใส CSS (ความทึบ)

    ความโปร่งใสของ CSS (ความทึบ) สามารถตั้งค่าความโปร่งใสของสีผ่าน rgba() และ hsla() แต่จะตั้งค่าความโปร่งใสได้เฉพาะเมื่อกำหนดสีเท่านั้น และไม่สามารถตั้งค่าความโปร่งใสสำหรับรูปภาพหรือองค์ประกอบอื่น ๆ ได้ สองวิธีในการตั้งค่าความโปร่งใสใน CSS: 1. CSSrgba() ตั้ง
    2024-11-21
  • คุณสมบัติมุมโค้งมน CSS (รัศมีเส้นขอบ)

    คุณสมบัติมุมโค้งมน CSS (รัศมีเส้นขอบ)

    แอตทริบิวต์มุมโค้งมน CSS (รัศมีเส้นขอบ) ในกระบวนการสร้างหน้าเว็บ บางครั้งเราอาจจำเป็นต้องบรรลุผลจากมุมโค้งมน วิธีก่อนหน้านี้คือการตัดแบบร่างการออกแบบเป็นรูปภาพที่สามารถสร้างเป็นหน้าต่างๆ ได้อย่างง่ายดายโดยใช้หลายหน้า ภาพพื้นหลังเพื่อให้ได้มุมโค้งมน หลังจา
    2024-11-21
  • รูปภาพเส้นขอบ CSS (เส้นขอบภาพ)

    รูปภาพเส้นขอบ CSS (เส้นขอบภาพ)

    รูปภาพเส้นขอบ CSS (border-image) สำหรับเส้นขอบขององค์ประกอบ นอกเหนือจากการใช้สไตล์เริ่มต้นบางส่วนที่นำมาใช้ก่อนหน้านี้ เรายังสามารถใช้รูปภาพเป็นเส้นขอบขององค์ประกอบผ่านคุณสมบัติ border-image ใน CSS3 เพื่อสร้างสีสัน เอฟเฟกต์เส้นขอบ คุณลักษณะ border-image ส
    2024-11-21
  • สีไล่ระดับสี CSS (การไล่ระดับสี)

    สีไล่ระดับสี CSS (การไล่ระดับสี)

    การไล่ระดับสี CSS (การไล่ระดับสี) การไล่ระดับสีใน CSS หมายถึงการเปลี่ยนสีอย่างราบรื่น ในอดีตเราต้องใช้รูปภาพที่กำหนดไว้ล่วงหน้าเพื่อให้ได้เอฟเฟกต์การไล่ระดับสี สารละลาย. ด้วย CSS3 คุณสามารถกำหนดการไล่ระดับสีได้สามประเภท ได้แก่ การไล่ระดับสีเชิงเส้น (...
    2024-11-21
  • เอฟเฟกต์เงา CSS

    เอฟเฟกต์เงา CSS

    เอฟเฟกต์เงาของ CSS เอฟเฟกต์เงาของ CSS เป็นคุณสมบัติ CSS ที่เรามักใช้ แต่คุณเข้าใจมันดีแล้วหรือยัง? คุณเพียงแค่ต้องคัดลอกโดยตรงจาก Blue Lake เมื่อใช้งาน คุณเข้าใจพารามิเตอร์แต่ละตัวหรือไม่ เอฟเฟกต์ที่สวยงามใดบ้างที่สามารถทำได้โดยใช้เงา? เอฟเฟกต์เงามักใช้ใน
    2024-11-21
  • รูปแบบการแปลง 2D ใน CSS3

    รูปแบบการแปลง 2D ใน CSS3

    รูปแบบการแปลง 2D ใน CSS3 การแปลง 2D ใน CSS ช่วยให้เราสามารถดำเนินการแปลงพื้นฐานบางอย่างในพื้นที่สองมิติ เช่น การเคลื่อนย้าย การหมุน การปรับขนาด หรือการบิด เป็นต้น องค์ประกอบที่ถูกแปลงจะคล้ายกับองค์ประกอบที่อยู่ในตำแหน่งที่แน่นอน และจะไม่ส่งผลกระทบต่อสิ่งแ
    2024-11-21
หน้าก่อน 103104105106107108109110111หน้าต่อไป