เมื่อเรากำหนดโครงสร้างของเว็บไซต์ของเราและได้พัฒนาไฟล์ DOM ด้วยวิธีที่แม่นยำการกำหนดรูปแบบของรูปแบบนั้นเป็นสิ่งสำคัญนอกจากนี้ยังเป็นพื้นที่ที่สร้างสรรค์ที่สุดและคุณสามารถปรับแต่งได้ด้วยความแม่นยำสูงสุดจนถึงมุมสุดท้ายของเว็บไซต์ สไตล์ชีตแบบเรียงซ้อนเป็นวิธีแก้ปัญหาที่เหมาะสมที่สุด แต่สำหรับทุกคนที่เริ่มเข้าสู่โลกแห่งการพัฒนาเว็บเป็นครั้งแรกมีเคล็ดลับบางประการที่ต้องนำมาพิจารณาเพื่อให้ได้ผลลัพธ์ที่ดีที่สุด
เพื่อให้ได้ผลลัพธ์ที่เป็นมืออาชีพตามแบบฉบับของส่วนหน้าที่ได้รับการถวายมีความจำเป็นต้องคำนึงถึงบางประการเช่นลำดับความสามารถในการอ่านและการแก้ไขข้อผิดพลาดที่พบบ่อยที่สุดในแนวปฏิบัติประเภทนี้ ฉันแบ่งปันด้านล่าง ห้าเคล็ดลับ พื้นฐานมาก แต่ในขณะเดียวกันก็สำคัญมากสำหรับการรักษาและการกำหนดค่าที่เหมาะสมของสไตล์ชีต CSS ของเรา
อย่าลืมสร้างลำดับและโครงสร้างที่มีประสิทธิภาพในสไตล์ชีต CSS3 ของคุณ
ฉันแบ่งสไตล์ชีตตามลำดับชั้นเสมอ ในตอนแรกฉันมักจะใช้ตัวเลือกทั่วไปจากนั้นไปเพิ่มการประกาศของตัวเลือก html และสุดท้ายก็ไปทำงานภายในรหัสของคอนเทนเนอร์และองค์ประกอบย่อย พื้นดิน ทำตามตรรกะของ DOM และเริ่มจากพ่อแม่ไปจบที่ลูก อย่างไรก็ตามเราสามารถทำตามสูตรหรือคำสั่งอื่นได้เช่นเราสามารถจัดกลุ่มตัวเลือกและการประกาศโดยคำนึงถึงฟังก์ชันของมัน ทุกอย่างจะขึ้นอยู่กับความชอบของเราและรู้สึกสบายใจในการทำงานมากขึ้น
เลือกชื่อที่ชัดเจนและกระชับสำหรับตัวเลือกแต่ละคนของคุณ
มีบางอย่างที่สำคัญมากที่คุณต้องคำนึงถึงและนั่นก็คือ CSS3 นั้นแตกต่างกันในการใช้ตัวอักษรตัวพิมพ์ใหญ่และตัวพิมพ์เล็กดังนั้นการเขียนคำด้วยอักษรตัวใหญ่อาจมีความหมายแตกต่างกันและอาจทำให้เกิดข้อผิดพลาดได้ สิ่งที่ง่ายที่สุดคือใช้อักษรตัวพิมพ์เล็กเสมอเพื่อหลีกเลี่ยงปัญหาประเภทนี้ ลองดู เลือกชื่อชั้นเรียนและรหัสประจำตัวของคุณที่จำได้ชัดเจน และพวกเขาไม่ได้อนุมานให้เราสงสัยหรือผิดพลาด
อย่าลืมเพิ่มความคิดเห็นที่ชัดเจน
แน่นอนว่าคุณต้องแบ่งปันไฟล์ของคุณกับคนอื่น ๆ บางทีอาจจะเป็นลูกค้าหรือเพื่อนร่วมงานจากทีมงานของคุณเช่นนักออกแบบเค้าโครงนักออกแบบหรือนักพัฒนาอื่น ๆ ด้วยเหตุนี้จึงเป็นสิ่งสำคัญมากที่จะต้องใส่ใจกับโครงสร้างและเพื่อให้แน่ใจว่าเสร็จสิ้นที่สะอาดและเป็นระเบียบเรียบร้อย ความคิดเห็นที่ชัดเจนจะช่วยให้ทุกคนที่เข้าถึงสไตล์ชีตของเราสามารถค้นหาเส้นทางได้อย่างรวดเร็วในพริบตา การสังเกตประเภทใด ๆ ที่ต้องนำมาพิจารณา จะต้องปรากฏเป็นเนื้อหา โปรดจำไว้ว่าคุณสามารถรวมเนื้อหาทั้งในไฟล์ Html และในไฟล์ CSS ของคุณและในทั้งสองกรณีนั้นเป็นความคิดเห็นที่จะไม่แสดงในผลลัพธ์สุดท้ายอย่างมีเหตุผลและจะมองเห็นได้ก็ต่อเมื่อมีการเข้าถึงซอร์สโค้ดเดียวกันเท่านั้น จะมีประโยชน์มาก
ใช้การรีเซ็ตในสไตล์ชีตของคุณเสมอ
เบราว์เซอร์แต่ละตัวมีสไตล์ชีตเริ่มต้นดังนั้นเพื่อหลีกเลี่ยงข้อผิดพลาดหรือการเปลี่ยนแปลงใด ๆ ขึ้นอยู่กับเบราว์เซอร์ที่ใช้ดูหน้าเว็บของเราจึงมีประโยชน์มากและขอแนะนำว่า รีเซ็ตสไตล์ชีทของคุณ. มีหลายทางเลือกสไตล์ชีตการรีเซ็ตของ Eric Meyer อาจเป็นตัวเลือกที่ดีมาก
เลือกเครื่องมือที่มีประสิทธิภาพสูงสุด
มีเครื่องมือมากมายที่คุณสามารถใช้เพื่อให้มีประสิทธิภาพมากที่สุดเมื่อทำงานกับการออกแบบเว็บไซต์ของคุณ ตั้งแต่การสร้าง Wireframes ไปจนถึงการพัฒนาโครงสร้างไซต์ของคุณตลอดจนแอปพลิเคชันทุกประเภทรวมถึง Adobe Photoshop, Illustrator หรือ Fireworks. นอกจากนี้คุณยังมีบรรณาธิการมืออาชีพหลายคนที่ได้รับการแนะนำมากที่สุด (อย่างน้อยก็คนที่ฉันใช้) Sublime Text หรือว่าล้มเหลว Adobe Dreamweaver เนื่องจากมีอินเทอร์เฟซที่เรียบง่ายมากพร้อมกับบุคลิกภาพที่สูงตลอดจนความเป็นไปได้ในการทำงานกับรหัสของเราผ่านระบบทางลัดและด้วยระบบเติมข้อความอัตโนมัติที่จะช่วยให้เราประหยัดเวลาได้มากกว่า 70% ที่เราจะใช้กับโปรแกรมแก้ไข ของข้อความธรรมดาแบบดั้งเดิม
ขอบคุณสำหรับคำแนะนำฉันหลงใหลในการออกแบบและคำแนะนำทั้งหมดได้รับการตอบรับเป็นอย่างดี ทำต่อไป.
ขอขอบคุณ!