เมื่อเร็ว ๆ นี้เนื่องจากฉันยุ่งอยู่กับการออกแบบเว็บไซต์ใหม่ ปัญหาที่ฉันเคยพบมาก่อนก็ปรากฏขึ้นอีกครั้ง และฉันเกือบลืมวิธีแก้ปัญหาเหล่านั้น ปัญหาที่พบบ่อยที่สุดคือปัญหาในการแทรกช่องว่างใน DW เพราะโดยปกติแล้วเราจะมีช่องว่างอยู่เสมอ จุดเริ่มต้นของย่อหน้า สองช่องว่าง แต่บางครั้งคุณจะพบว่าไม่ว่าคุณจะกดแป้นเว้นวรรคบนแป้นพิมพ์อย่างไรก็ไม่มีผลอะไร จริงๆ แล้วมีวิธีแก้ไขปัญหามากมาย และฉันจะแบ่งปันให้กับคุณวันนี้:
1. สร้างภาพโปร่งใสขนาดเล็ก ฝังอยู่ในข้อความหรือที่จุดเริ่มต้นของบรรทัด วิธีนี้ยุ่งยากกว่าในการนำไปใช้
2. ใช้ช่องว่างเต็มความกว้าง เหตุใดโซลูชันนี้จึงเป็นไปได้ เนื่องจากช่องว่างแบบเต็มความกว้างนั้นค่อนข้างง่ายต่อการใช้งาน แม้ว่าจะเป็นช่องว่างด้วย แต่โค้ด HTML ที่เกี่ยวข้องก็ไม่ใช่โค้ดช่องว่าง เป็นโค้ดอื่น ดังนั้น Dreamweaver จึงถือว่ามันเป็นอักขระแทนที่จะเป็นช่องว่าง เราจึงอยู่อย่างสงบสุขได้ แต่ในเบราว์เซอร์ที่ไม่รองรับชุดอักขระภาษาจีน ดูเหมือนว่าอักขระที่อ่านไม่ออก วิธีดำเนินการเฉพาะคือเลือกวิธีการป้อนข้อมูล ABC อัจฉริยะ จากนั้นสลับไปที่สถานะเต็มความกว้าง จากนั้นพิมพ์ช่องว่างก็ไม่เป็นไร!
3. ใช้ช่องว่างที่นุ่มนวล นั่นคือกด Ctrl+shift+spacebar ในตำแหน่งที่คุณต้องการแทรกช่องว่าง และแน่นอน คุณยังสามารถป้อนช่องว่างได้ เบราว์เซอร์ทั้งหมดรู้จักช่องว่างดังกล่าว แต่ข้อเสียคือคุณไม่สามารถดูได้ว่ามีการแทรกช่องว่างจำนวนเท่าใดเมื่อแก้ไขเพจ คุณจะเห็นได้ชัดเจนเมื่อดูตัวอย่างในเบราว์เซอร์เท่านั้น ไม่สัญชาตญาณเพียงพอ ซอฟต์สเปซใช้โค้ดจริงๆ มันคือเครื่องหมายอวกาศที่ไม่หยุดนิ่ง มันสามารถสร้างช่องว่างที่นุ่มนวลได้ แต่ละครั้งที่คุณกด Ctrl+shift+space คุณจะเพิ่มโค้ด
แม้ว่าโค้ดจะเรียบง่าย แต่ก็มีประสิทธิผลมากเช่นกัน เมื่อสร้างหน้าเว็บ เราใช้โค้ดนี้เพื่อช่วยเมื่อเราเว้นว่างหนึ่งบรรทัดหรือหลายบรรทัด เพื่อนที่ได้เรียนรู้ภาษา HTML จะรู้ว่าแท็ก <p></p> ใช้เพื่อทำเครื่องหมายย่อหน้า ถ้าฉันแค่เขียน <p></p> โค้ดนี้จะสร้างบรรทัดว่างหรือไม่ สิ่งนี้ไม่ถูกต้อง คุณต้องเพิ่มโค้ด ";" ในแท็ก <p> <p> </p>โค้ดประเภทนี้จะมีเอฟเฟกต์บรรทัดว่าง ที่นี่เครื่องหมายยังมีบทบาทในการดำรงตำแหน่งด้วย นอกจากนี้ หากคุณใช้ Dreamweaver เพื่อสร้างตาราง คุณจะพบตารางนั้นเมื่อคุณดูซอร์สโค้ด หน้าในเซลล์ <td> ป้ายกำกับมีเครื่องหมายนี้ <td> </td> หากคุณลบเครื่องหมายเหล่านี้ออก คุณจะพบว่าเซลล์ทั้งหมดอยู่รวมกันเป็นกลุ่ม ไม่สามารถกรอกเนื้อหาได้เลยและคุณต้องลากขอบ
สไตล์ที่สวยงามยิ่งขึ้นสามารถนำไปใช้ได้อย่างง่ายดายผ่านการควบคุม CSS เรามาหาเวลาสรุปทักษะการใช้งาน CSS หลังจากที่คุณทำเสร็จแล้ว