นี่เป็นบทความเมื่อนานมาแล้ว ตอนนี้ดูเหมือนว่าความคิดในนั้นคุ้มค่าที่จะเรียนรู้ ในขณะที่การเรียนรู้กรณีใน vevb.com การเรียนรู้ความรู้ทางทฤษฎีบางอย่างจะเป็นประโยชน์อย่างมากสำหรับความรู้ของคุณในความรู้ มาทุกคน!
เนื่องจากฉันอ่านผลงานชิ้นเอกของ Mr. Zeldman ด้วยมาตรฐานเว็บมาตรฐาน "เว็บไซต์ refactoring" (ฉบับที่ 2) จีนฉันมีความรู้สึกลึกและเสริมความคิดของฉันในการใช้มาตรฐานเว็บเพื่อพัฒนาและฝึกฝนโครงการของเรา แต่มันก็ไม่เพียงพอที่จะรู้ว่ามาตรฐานเว็บคืออะไรและจะนำไปใช้กับโครงการจริงได้อย่างไร แต่ละองค์ประกอบของมาตรฐานเว็บจะต้องเรียนรู้และนำไปใช้ทีละหนึ่งและพ่ายแพ้ทีละคนเพื่อค้นพบสาระสำคัญของพวกเขา! สำหรับนักออกแบบการพัฒนาเว็บอย่างฉันฉันเชื่อว่าเราจะได้รับมากขึ้นโดยการทำความเข้าใจหลักการนี้และดำเนินการเรียนรู้และฝึกฝนเป้าหมายและมันก็เป็นส่วนหนึ่งของการประยุกต์ใช้มาตรฐานเว็บในประเทศจีน! (ฮ่าฮ่านี่อาจเป็นการคุยโวเล็กน้อย แต่มันเป็นอุดมคติของผู้ปฏิบัติงานซอฟต์แวร์ส่วนใหญ่ของเรา)
ตอนนี้เป็นยุคของ Web2.0 และ 3.0 และยุคของ XHTML, XML, CSS, Ecmascript และ DOM แม้ว่าพวกเขาจะไม่ใช่เทคโนโลยีขั้นสุดท้าย แต่พวกเขาก็กลายเป็นทางออกด้วยกัน - เราวางแผนที่จะสร้างเว็บไซต์ที่เข้ากันได้ย้อนหลังและยังเป็นรากฐานทางเทคนิคที่จำเป็นสำหรับการสร้างเว็บไซต์ที่ตรงตามมาตรฐานเว็บ เราไม่เพียงต้องการได้รับการสนับสนุนและการเข้าถึงผู้ใช้มากขึ้นเท่านั้น แต่ยังสร้างเว็บไซต์ระยะยาวและสวยงามเพื่อดึงดูดความสนใจเป็นเวลานาน ฉันเชื่อว่าการเรียนรู้ที่จะใช้ CSS เพื่อปรับปรุงเว็บไซต์ของเราเป็นวิธีที่ดีในการดึงดูดความสนใจและแนวโน้มของแฟชั่นใน ERA Web2.0 ด้านล่างฉันจะพูดถึงประสบการณ์ที่ฉันได้รับจากเทคโนโลยี CSS เท่านั้น
ในการเป็นผู้เชี่ยวชาญ CSS มันยังห่างไกลพอที่จะมีความเชี่ยวชาญในการใช้ตัวเลือก CSS นอกจากนี้ยังเกี่ยวข้องกับการวางแผนโดยรวมของงานความเชี่ยวชาญของกระบวนการทำงานและการปรับปรุงการบำรุงรักษาและประสิทธิภาพของแผ่นสไตล์ การใช้ CSS สามารถสร้างเว็บไซต์ที่ยอดเยี่ยมที่เราต้องการและการเขียน CSS เป็นความสุขในตัวเอง แล้วเราจะสร้างสไตล์ชีทที่น่าดึงดูดยิ่งขึ้นได้อย่างไร? สไตล์ชีทของคุณควรมีลักษณะใด? ผ่านการเรียนรู้และผสมผสานประสบการณ์การทำงานของฉันเองฉันได้สรุปวิธีที่ดีในการทำแผ่นสไตล์ที่สวยงาม
1. อย่าปล่อยให้ CSS มีคะแนนมากเกินไปการเชื่อมโยงหรือนำเข้าสไตล์ชีทฟังดูเหมือนเป็นงานที่ไร้เดียงสา ฉันได้เห็นการพัฒนาเว็บไซต์มากมายด้วยเอกสาร CSS ที่เรียบร้อยและมีการจัดระเบียบอย่างดี แต่ช้าเพราะพวกเขาอาจไม่สามารถอัปเดตได้อย่างรวดเร็วในระยะสั้นหรือขี้เกียจเกินไปที่จะจัดการสิ่งนี้ทำให้แผ่นสไตล์ที่สวยงามที่สร้างขึ้นก่อนหน้านี้กลายเป็นขยะ หากเราทำงานบนเว็บไซต์ขนาดใหญ่ที่ต้องเผยแพร่เนื้อหาหลายร้อยรายการ เนื่องจากเวลามี จำกัด คุณต้องทำรังหรือจัดเรียง CSS เพื่อทำการปรับเปลี่ยนหรืออัปเดตอย่างรวดเร็ว เมื่อเวลาผ่านไปนิสัยนี้ยังคงมีอยู่จนกว่าวันหนึ่งคุณจะได้รับแจ้งว่าไซต์ถูกพลิกคว่ำและออกแบบใหม่อย่างสมบูรณ์ (แต่เนื้อหายังคงเหมือนเดิม) และคุณมีเวลาเพียงหนึ่งสัปดาห์ในการสร้าง (รวมถึงการทดสอบ) โดยทั่วไปแล้วการอัพเดทสไตล์แผ่นเป็นวิธีที่ง่ายมาก หากคุณไม่ได้ปรับเปลี่ยนพื้นที่ที่กระจัดกระจายของเว็บไซต์เป็นเวลานานคุณจะไม่สามารถเข้าใจโครงสร้างแผ่นสไตล์เว็บไซต์โดยรวมได้
การเชื่อมโยงหรือนำเข้าสไตล์ชีทของคุณไม่ใช่สิ่งที่สุ่ม สร้างสไตล์ชีทที่สะอาดและเป็นระเบียบและทำให้มันดำเนินต่อไปและคุณจะมีความสุขมากขึ้นในการทำงาน หมายเหตุ: หากคุณพยายามสร้างแผ่นสไตล์ใหม่ทุกครั้งที่คุณอัปเดตหรือเพิ่มเนื้อหาใหม่คุณจะขอปัญหาอย่างแน่นอน การเชื่อมโยงและการนำเข้าสไตล์ชีทมากเกินไปอาจทำให้ยากมากที่จะกำจัดข้อบกพร่องทำให้สไตล์ชีทยากที่จะรักษา เป็นที่เข้าใจกันว่าเว็บไซต์ขนาดใหญ่สร้างแผ่นสไตล์ของชิ้นส่วนต่าง ๆ แยกกัน เพียงระวังอย่าไปสุดขั้ว การเพิ่มแผ่นสไตล์จำนวนมากจะเพิ่มคำขอ HTTP มากขึ้นซึ่งอาจส่งผลกระทบต่อการทำงานที่ตามมา
2. คำจำกัดความความหมายชัดเจนและเข้าใจง่ายนอกเหนือจากการเลือกองค์ประกอบที่เหมาะสมและมีความหมายมากที่สุดในการแสดงคุณต้องพิจารณาการเลือกค่าแอตทริบิวต์คลาสและ ID คำจำกัดความที่ชัดเจนสามารถทำให้การบำรุงรักษาง่ายขึ้นและสมาชิกของกลุ่มจะเข้าใจ ดูคำจำกัดความนี้:
.l10k {color: #369; }, .left-blue {color: #369; } ถ้ามันทำโดยฉันฉันอาจรู้ว่ามันหมายถึงอะไร แต่ฉันอาจไม่เข้าใจถ้าฉันเปรียบเทียบตัวเองกับคนอื่น แม้ว่าคุณจะรู้ว่าวันนี้มีความหมายอย่างไรคุณสามารถรับประกันได้ว่าคุณจะยังรู้ว่ามันมีความหมายอย่างไรในอีกหลายปีต่อมา? เป็นการดีที่สุดที่จะไม่เพิ่มสีหรือความยาวและความกว้างลงในแอตทริบิวต์คลาส ข้อกำหนดการตั้งชื่อที่เหมาะสมกว่า:. งานอธิบาย {สี: #369; -
3. รู้ว่าเมื่อใดควรเพิ่มความคิดเห็นตามเงื่อนไขและเทคนิคการใช้งานบทความจำนวนมากได้เขียนเคล็ดลับเกี่ยวกับการแก้ปัญหาและคำอธิบายประกอบแบบมีเงื่อนไขเป็นวิธีที่ดีในการควบคุม IE รุ่น ฉันยอมรับว่าความคิดเห็นแบบมีเงื่อนไขนั้นดีกว่าการเขียนพวกเขาในเอกสาร CSS ของคุณมาก แต่ฉันก็เริ่มตระหนักว่ามีหลักฐานมากมายแสดงให้เห็นว่านี่ไม่ใช่ทางออกที่ดีที่สุด ฉันต้องการตั้งค่าความสูงขั้นต่ำในองค์ประกอบ แต่เบราว์เซอร์ IE6 ไม่ได้ดำเนินการดังนั้นคุณจึงรู้ว่าความสูงที่คุณสามารถใช้จะได้รับการปฏิบัติเช่นเดียวกัน สร้างแผ่นสไตล์ใหม่และเพิ่มความคิดเห็นแบบมีเงื่อนไขในโลโก้ของคุณ ความต้องการทั้งหมดของคุณคือการปฏิบัติตามกฎนี้? เก็บกฎความสูงและความสูงที่ต่ำที่สุดไว้ด้วยกันและเลือกเคล็ดลับเล็กน้อยในเอกสาร CSS เดียวกันมันจะดีกว่าไหม? ในกรณีนี้ฉันคิดว่ามันยากที่จะทำงานกับวิธีนี้
4. ลองใช้แผ่นสไตล์ภายนอกเพื่อใช้ CSS กับหน้าเว็บดีไหม ทุกคนค่อนข้างชัดเจน แน่นอนว่าสิ่งหนึ่งที่ไม่อาจปฏิเสธได้ซึ่งสามารถเพิ่มการใช้รหัสซ้ำได้สูงสุดและเพิ่มประสิทธิภาพการกำหนดค่าไฟล์เว็บไซต์
โอเคข้างต้นเป็นความคิดเห็นส่วนตัวของฉัน ฉันหวังว่าทุกคนจะให้ความคิดเห็นเพิ่มเติม คำแนะนำของคุณคือแรงจูงใจของฉันในการท้าทายปัญหา! ขอบคุณ!