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

    โครงร่าง CSS

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

    CSS สไปรท์ (สไปรท์)

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

    บทนำเกี่ยวกับการใช้คุณสมบัติโอเวอร์โฟลว์ CSS

    ความรู้เบื้องต้นเกี่ยวกับการใช้คุณสมบัติ CSS overflow คุณรู้วิธีใช้คุณสมบัติ CSS overflow มาก่อนหรือไม่ เราได้สั่งสมประสบการณ์มาบ้างและอยากจะแบ่งปันกับคุณ โปรดแก้ไขกันด้วย ค่าแอตทริบิวต์ CSSoverflow: 1.visible: ค่าเริ่มต้น เนื้อหาไม่...
    2024-11-21
  • รูปแบบแถบเลื่อน 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 Pseudo Elements CSS แนะนำแนวคิดของคลาสหลอกและองค์ประกอบหลอกเพื่อจัดรูปแบบข้อมูลนอกเหนือจากแผนผังเอกสาร กล่าวอีกนัยหนึ่ง pseudo-class และ pseudo-element ใช้เพื่อแก้ไขส่วนที่ไม่ได้อยู่ในแผนผังเอกสาร เช่น ตัวอักษรตัวแรกในประโยค องค์ประกอบแรกในรายการ หรือ
    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 @Rules (รายละเอียด)

    CSS @Rules (รายละเอียด)

    กฎ CSS @ (รายละเอียด) มีกฎไวยากรณ์สองข้อใน CSS: กฎทั่วไป: ประกอบด้วยตัวเลือก คุณลักษณะ และค่า ในการศึกษาก่อนหน้านี้ เราใช้กฎประเภทนี้เป็นหลัก @ กฎ: เริ่มต้นด้วย @ ตามด้วยองค์ประกอบที่เป็นทางการของคำหลัก หรือที่เรียกว่า "กฎ AT" ขึ้นอยู่กับ...
    2024-11-21