…แม้ว่าไวยากรณ์ของ HTML จะเรียนรู้ได้ง่าย แต่ก็ยังมีองค์ประกอบ คุณลักษณะ และ...แนวคิดอื่นๆ มากมายที่คุณจะต้องเรียนรู้และติดตาม...ในขณะที่หลักสูตรนี้มีวัตถุประสงค์เพื่อแนะนำ สำหรับสิ่งที่จำเป็นของ HTML นั้น...ไม่ได้ออกแบบมาเพื่อสอนคุณทุกองค์ประกอบและคุณลักษณะที่มีอยู่...ดังนั้น ด้วยเหตุนี้ ฉันจึงต้องการให้แหล่งข้อมูล HTML ออนไลน์สองสามรายการแก่คุณ...ซึ่งสามารถช่วยคุณได้จริงๆ คุณเริ่มเรียนรู้ HTML และ...สามารถใช้เป็นข้อมูลอ้างอิงอันมีค่าในภายหลัง ขณะที่คุณ "กำลังเขียนเพจของคุณเอง...ตอนนี้ เราจะเริ่มต้นตามข้อกำหนดเอง...
และนี่คือเอกสารสองอย่างที่คุณควรบุ๊กมาร์กไว้อย่างแน่นอน…ดังนั้น นี่คือเวอร์ชัน W3Cs ของ HTML5…คุณจะเห็นได้ว่าเอกสารเหล่านั้นมีเวอร์ชันผู้เผยแพร่ล่าสุด…คุณสามารถเข้าไปดู Editor's Draft…ถ้าคุณต้องการ ดูว่ามีอะไรลงมา ลงไปตามท่อ…และนี่ก็ค่อนข้างใหญ่…ถ้าฉันเลื่อนลงไปจะเห็นว่านี่เป็นเพียงสารบัญ…และฉันจะไม่เลื่อนดูทั้งหมดด้วยซ้ำ ของพวกเขา…
เลื่อนการถอดเสียงอัตโนมัติต่อ
อัปเดตแล้ว
3/30/2017ปล่อยแล้ว
3/16/2015HTML เป็นภาษาโปรแกรมที่ขับเคลื่อนเว็บ และเช่นเดียวกับภาษาอื่นๆ เมื่อคุณเชี่ยวชาญแล้ว คุณสามารถเริ่มสร้างเนื้อหาของคุณเองได้ ไม่ว่าจะเป็นเว็บไซต์ธรรมดาหรือเว็บแอปพลิเคชันที่ซับซ้อน หลักสูตรนี้ให้ข้อมูลเชิงลึกเกี่ยวกับสิ่งสำคัญ: ไวยากรณ์ของ HTML และแนวทางปฏิบัติที่ดีที่สุดสำหรับ การเขียนและแก้ไขโค้ดของคุณ James Williamson ผู้เขียนอาวุโสจะตรวจสอบโครงสร้างของเอกสาร HTML ทั่วไป และแสดงวิธีแบ่งหน้าและจัดรูปแบบเนื้อหาของคุณด้วย HTML Plus เรียนรู้วิธีสร้างลิงก์และรายการ และดูว่า HTML ทำงานอย่างไร CSS และ JavaScript เพื่อสร้างประสบการณ์ผู้ใช้ที่สมบูรณ์และน่าดึงดูด ดังนั้นเปิดโปรแกรมแก้ไขข้อความ ดูวิดีโอเหล่านี้ และเริ่มเรียนรู้การเขียน HTML ด้วยวิธีที่ถูกต้อง
หัวข้อต่างๆ ได้แก่:
- ทำไม HTML จึงมีความสำคัญ?
- สำรวจเอกสาร HTML
- การจัดรูปแบบเนื้อหา
- กำลังแสดงภาพ
- การใช้องค์ประกอบ nav บทความ และ div
- การลิงก์ไปยังหน้าและเนื้อหาที่ดาวน์โหลดได้
- การสร้างรายการ
- การควบคุมสไตล์ (แบบอักษร สี และอื่นๆ)
- การเขียนสคริปต์พื้นฐาน
ฉันตัดสินใจที่จะดำเนินการหัวข้อร้อนแรงนี้ต่อไป ฉันได้รวบรวมรายการแหล่งข้อมูลที่ดีที่สุดสำหรับการเรียนรู้ html และ css เพื่อช่วยผู้ที่สนใจเรียนรู้ปัญหาเหล่านี้ ฉันจำได้ว่าตอนที่ฉันเริ่มต้นจากการเป็นผู้ดูแลเว็บ ฉันพลาดแหล่งข้อมูลคุณภาพสูงและมีประโยชน์มากมายเช่นนี้
ก่อนอื่นให้คำจำกัดความบางส่วน:
Html (จากภาษาอังกฤษ "HyperText Markup Language" - ภาษามาร์กอัปไฮเปอร์เท็กซ์) เป็นภาษามาร์กอัปมาตรฐานสำหรับหน้าเว็บ
CSS (จากภาษาอังกฤษ "Cascading Style Sheets" - cascading style sheet) เป็นเทคโนโลยีสำหรับการอธิบายลักษณะที่ปรากฏของหน้าเว็บ
หากไม่มีความรู้เกี่ยวกับ html และ css การใช้งานเว็บไซต์ของคุณจะเป็นปัญหาอย่างมาก คุณจะไม่สามารถติดตั้งตัวนับสถิติหรือแม้แต่แบนเนอร์ได้ เราไม่ควรขอความช่วยเหลือจากผู้เชี่ยวชาญหรือสร้างหัวข้อแล้วหัวข้อเล่าในฟอรัม คุณเพียงแค่ต้องใช้มันและเรียนรู้มัน
จากประสบการณ์ของตัวเองบอกได้เลยว่า html และ css สามารถเรียนรู้ได้ภายใน 1 เดือน แน่นอนว่าฉันไม่ได้พูดถึงความสูงแบบมืออาชีพ คุณสามารถเข้าถึงความสูงเหล่านั้นได้ด้วยตัวเองถ้าคุณต้องการ
ในความคิดของฉัน วิธีที่ดีที่สุดในการเรียนรู้ html, css และหัวข้ออื่นๆ รวมถึงการโปรโมตเว็บไซต์ คือการสร้างเว็บไซต์ของคุณเองและฝึกฝนกับเว็บไซต์นั้น อย่างไรก็ตาม คุณสามารถดูเว็บไซต์แรกที่ฉันสร้างขึ้นสำหรับแผนที่สำหรับเกม Counter-Strike ซึ่งเป็นการสร้างที่ฉันสนใจในตอนนั้น นี่คือแผนที่และภาพหน้าจอที่สร้างขึ้นโดยชายชรา Globator ในสมัยที่เขายังไม่รู้ว่า 10 อันดับแรก TCI และ PR คืออะไร และสนุกสนานไปกับดวงอาทิตย์อย่างไร้กังวลเพื่อสร้างแผนที่สามมิติ :) ฉันสร้างไซต์นี้ในหนึ่งเดือนเพื่อเรียนรู้ html และ css ในทางปฏิบัติ
คุณไม่จำเป็นต้องเป็นผู้เชี่ยวชาญด้านเทคนิคเพื่อเรียนรู้ html และ css ตัวอย่างเช่น โดยทั่วไปฉันเป็นนักมนุษยนิยมและในทางคณิตศาสตร์ฉันได้คะแนน "2" เป็นส่วนใหญ่ :) ดังนั้นใครๆ ก็สามารถเรียนรู้ html และ css ได้ ทรัพยากรที่ฉันได้ระบุไว้ก็มีความเหมาะสมเช่นกัน เพื่อให้คุณสามารถใช้มันเพื่อค้นหาจุดที่คุณสนใจเกี่ยวกับ html และ css ได้ตลอดเวลา
เว็บไซต์สำหรับการเรียนรู้ html และ css
ฉันจะเริ่มเลือกแหล่งข้อมูลที่มีประโยชน์สำหรับการเรียนรู้ html และ css จากไซต์ที่ฉันใช้เอง เหล่านี้เป็นบทเรียน Wild html ที่เขียนโดย Valentina Akhmetzyanova หรือที่รู้จักในชื่อ Dikarka เธออธิบายประเด็นที่จำเป็นทั้งหมดอย่างสนุกสนานและน่าสนใจจนการเรียนรู้ html และ css ด้วยความช่วยเหลือจากบทเรียนของเธอกลายเป็นกิจกรรมที่น่าตื่นเต้น อย่างไรก็ตามคุณสามารถอ่านเว็บไซต์สำหรับบล็อกได้ บทเรียนเสริมนั้นเพียงพอที่จะเรียนรู้ html และ css ในระดับที่จำเป็นต่อการทำงานเป็นผู้ดูแลเว็บ
คุณนึกภาพออกไหมว่าฉันจะเป็นใครหากฉันพัฒนาเพิ่มเติมในหัวข้อ Photoshop? ฉันจะเป็นสัตว์ประหลาดจริงๆ! แต่ฉันมีส่วนร่วมกับ SEO และปลูกพืชที่นี่โดยพิมพ์ตัวอักษรเหล่านี้ด้วยนิ้วที่คับแคบเนื่องจากความหนาวเย็น :) ล้อเล่นนะ ที่นี่ก็อบอุ่นและอาหารก็อร่อย :)
ปริญญาเอก Lavlinsky N.E. ผู้อำนวยการด้านเทคนิคของ Method Lab LLC
มาตรฐานใหม่สำหรับเทคโนโลยี Preload ได้รับการเผยแพร่เมื่อเร็วๆ นี้ (ลิงก์) เป้าหมายหลักของข้อกำหนดนี้คือการอนุญาตให้นักพัฒนาปรับแต่งตรรกะสำหรับการโหลดทรัพยากรของหน้า
มาตรฐานที่ผ่านมา
แนวคิดในการจัดการโหลดไม่ใช่เรื่องใหม่ ก่อนหน้านี้มีตัวเลือกแท็กหลายตัวที่ได้รับการพัฒนา ลิงค์ด้วยคุณสมบัติ ทรัพยากรย่อย, แสดงผลล่วงหน้าและ ดึงข้อมูลล่วงหน้า- อย่างไรก็ตาม กลไกเหล่านี้ทำงานแตกต่างออกไปเล็กน้อย: ด้วยความช่วยเหลือ คุณสามารถโหลดองค์ประกอบของหน้าหรือทั้งหน้าที่อาจจำเป็นสำหรับการนำทางเพิ่มเติมทั่วทั้งไซต์ นั่นคือเบราว์เซอร์ส่งคำขอดังกล่าวโดยมีลำดับความสำคัญต่ำและเป็นลำดับสุดท้าย หากจำเป็นต้องเพิ่มลำดับความสำคัญ ก็ไม่มีวิธีแก้ปัญหา
กำลังโหลดทรัพยากรพร้อมโหลดล่วงหน้า
ข้อมูลจำเพาะใหม่นี้ให้อะไรบ้าง? ประการแรก ตอนนี้การโหลดเกิดขึ้นพร้อมกับการชี้แจงว่ากำลังโหลดอะไรอยู่ เบราว์เซอร์จะตั้งค่าลำดับความสำคัญในการดาวน์โหลดตามประเภทของทรัพยากรที่ระบุ ตัวอย่างเช่น:
ลิงค์ rel = "โหลดล่วงหน้า" href = "/js/script.js" as = "script" >ลิงค์ rel = "โหลดล่วงหน้า" href = "/fonts/1.woff2" as = "font" type = "font/woff2" crossorigin>
ประการที่สอง ประเภททรัพยากร ( เช่น) อนุญาตให้เบราว์เซอร์ส่งส่วนหัวที่ถูกต้องเพื่อให้เซิร์ฟเวอร์สามารถส่งเนื้อหาที่มีตัวเลือกการบีบอัดที่ดีกว่า (เช่น ส่งรูปภาพ WebP หากเบราว์เซอร์รองรับ)
ในตัวอย่างที่สอง เรากำลังโหลดไฟล์ฟอนต์และมีการระบุรูปแบบเฉพาะ (WOFF2) ซึ่งบางเบราว์เซอร์ไม่รองรับ อย่างไรก็ตาม ตราบใดที่การรองรับกลไกการโหลดล่วงหน้าตรงกับการรองรับสำหรับรูปแบบนี้ ก็ไม่มีปัญหา สามารถดูการสนับสนุนกลไกปัจจุบันได้
การโหลดแบบอักษรเร็วขึ้น
ตัวอย่างของการเร่งความเร็วเว็บไซต์โดยใช้การโหลดล่วงหน้าคือการโหลดทรัพยากรที่ฝังลึก เช่น แบบอักษร ในกระบวนการดาวน์โหลดตามปกติ เบราว์เซอร์จะต้องดาวน์โหลดไฟล์ CSS ที่ชี้ไปที่แบบอักษรก่อน แยกวิเคราะห์ไฟล์ จากนั้นจัดคิวคำขอเพื่อดาวน์โหลดไฟล์แบบอักษร
หากเราระบุการโหลดแบบอักษรนี้ล่วงหน้าในโค้ดหน้า HTML เบราว์เซอร์จะส่งคำขอทันทีหลังจากแยกวิเคราะห์เอกสาร HTML ซึ่งอาจเร็วกว่าในกรณีปกติไม่กี่วินาที และเรารู้ว่าแบบอักษรปลั๊กอินกำลังบล็อกองค์ประกอบและทำให้การแสดงผลแบบอักษรบนหน้าเว็บล่าช้า ดังนั้นจึงจำเป็นต้องโหลดโดยเร็วที่สุด ปัญหานี้รุนแรงโดยเฉพาะอย่างยิ่งเมื่อใช้ HTTP/2 เมื่อเบราว์เซอร์ส่งคำขอจำนวนมากไปยังเซิร์ฟเวอร์พร้อมกัน ส่งผลให้รูปภาพบางรูปสามารถเต็มแถบไคลเอ็นต์และการโหลดทรัพยากรที่สำคัญจะล่าช้า
การโหลด CSS แบบอะซิงโครนัส
ไฟล์ CSS จะบล็อกการแสดงผลเพจเสมอ ดังนั้นทรัพยากร CSS ทั้งหมดที่สามารถเลื่อนออกไปจึงสามารถโหลดเป็นไฟล์ปกติและแนบไปกับเพจแบบไดนามิกได้
ทำได้ดังนี้:
ลิงค์ rel = "โหลดล่วงหน้า" as="style" href = "async_style.css" onload = "this.rel="stylesheet"">กำลังโหลดโค้ด JS โดยไม่ต้องดำเนินการ
นอกจากนี้ยังอาจมีประโยชน์ในการโหลดโค้ดสคริปต์ JS ล่วงหน้าเพื่อให้คุณสามารถดำเนินการได้ในภายหลัง
ซึ่งสามารถทำได้ด้วยรหัสต่อไปนี้:
ลิงค์ rel = "โหลดล่วงหน้า" as = "script" href = "async_script.js"กำลังโหลด = "var script = document.createElement("script"); script.src = นี้.href; document.body.appendChild(สคริปต์);">เราได้ดูวิธีหลักในการใช้กลไกพรีโหลดแล้ว แต่ความเป็นไปได้ไม่ได้หยุดอยู่แค่นั้น ทำการทดลองของคุณเอง!
ล่าสุดมีหัวข้อเรื่องการโหลดทรัพยากรเกิดขึ้นซ้ำแล้วซ้ำเล่า กล่าวโดยย่อ: “ฉันโหลดรูปภาพจาก c:\work\image.gif แต่เมื่อฉันรันโปรแกรมจากไฟล์ jar/บนคอมพิวเตอร์เครื่องอื่น มันกลับไม่โหลด จะทำอย่างไร?".
ในขณะเดียวกันก็ไม่มีอะไรซับซ้อนที่นี่ คุณเพียงแค่ต้องเข้าใจหลักการ
ประการแรก การโหลดทรัพยากรไปยังที่อยู่ที่แน่นอนบนดิสก์นั้นเป็นงานที่ไร้ประโยชน์ ฉันคิดว่าคุณเองก็เข้าใจดีว่าทำไม - คุณลบไฟล์ออกจากดิสก์และ "ลาก่อนทรัพยากร" คุณต้องพกทุกอย่างติดตัวไปด้วย
ตัวเลือกที่สองที่ฉันมักจะเห็นคือการโหลดทรัพยากรจากไฟล์ jar แต่ที่นี่มีข้อผิดพลาดเกิดขึ้นบ่อยครั้ง - พวกเขาพยายามโหลดทรัพยากรผ่านคลาส java.io.File แม้ว่าคลาสนี้มีไว้สำหรับการทำงานกับระบบไฟล์เท่านั้น
แม้ว่าความคิดนั้นจะถูกต้องก็ตาม ทรัพยากรที่จำเป็นจะต้องอยู่ในไฟล์ jar คุณเพียงแค่ต้องเข้าใจวิธีการดาวน์โหลดจากที่นั่น นี่คือสิ่งที่ฉันจะบอกคุณเกี่ยวกับ
หากต้องการโหลดทรัพยากร ให้ใช้วิธีการ java.lang.Class.getResource(String) , java.lang.Class.getResourceAsStream(Stri ng) , java.lang.ClassLoader.getResource(String) และ java.lang.ClassLoader.getResourceAsStrea (สตริง). วิธีการเรียนมอบหมายการเรียกไปยัง ClassLoader
GetResource(String) ที่กำหนดชื่อทรัพยากรจะส่งคืน java.net.URL ซึ่งสามารถดึงทรัพยากรได้ getResourceAsStream(String) ตามที่คุณอาจเดาได้ ส่งคืน java.io.InputStream ซึ่งสามารถอ่านทรัพยากรได้
ชื่อทรัพยากรคือเส้นทางไปยังทรัพยากร มีความละเอียดอ่อนที่สำคัญประการหนึ่ง กล่าวคือ วิธีการตีความ
ชื่ออาจเป็นแบบสัมบูรณ์หรือแบบสัมพันธ์ก็ได้ ความแตกต่างภายนอกคือชื่อที่แน่นอนจะขึ้นต้นด้วยอักขระ “/” ในกรณีแรก รีซอร์สจะถูกค้นหาโดยสัมพันธ์กับรูทของคลาสพาธ เหล่านั้น. พาธและไฟล์ jar ทั้งหมดที่รวมอยู่ใน classpath จะถูกนำไปใช้ และรีซอร์สจะถูกค้นหาโดยสัมพันธ์กับผลรวมของจุดเหล่านี้ หากชื่อนั้นสัมพันธ์กัน เส้นทางที่ได้รับจากแพ็คเกจของคลาสปัจจุบันจะถูกเพิ่มที่จุดเริ่มต้น จากนั้นให้ทำการค้นหาเช่นเดียวกับในกรณีชื่อจริง
เข้าใจง่ายกว่าด้วยตัวอย่าง ให้เรามี classpath ที่กำหนด: c:\work\myproject\classes;c:\lib\lib.jar โค้ดตัวอย่างอยู่ในคลาส ru.skipy.test.ResourceLoadingTest
ตัวอย่างที่ 1- เราใช้โครงสร้าง getClass().getResource("/images/logo.png") เนื่องจากชื่อขึ้นต้นด้วยอักขระ "/" จึงถือว่าสมบูรณ์ การค้นหาทรัพยากรเกิดขึ้นดังนี้:
- classpath c:\work\myproject\classes ถูกต่อท้ายด้วยชื่อรีซอร์ส /images/logo.png ส่งผลให้ไฟล์ c:\work\myproject\classes\images\logo.pn g ถูกค้นหา หากพบไฟล์ การค้นหาจะหยุดลง มิฉะนั้น:
- ในไฟล์ jar c:\lib\lib.jar ไฟล์ /images/logo.png จะถูกค้นหา และการค้นหาจะดำเนินการจากรูทของไฟล์ jar
- แพคเกจคลาสปัจจุบันที่มีรหัสอยู่ถูกกำหนดให้กับเส้นทางจาก classpath c:\work\myproject\classes – /ru/skipy/test – จากนั้นชื่อทรัพยากร res/data.txt ซึ่งเป็นผลมาจากไฟล์ ค้นหา c:\work\ myproject\classes\ru\skipy\test\r es\data.txt หากพบไฟล์ การค้นหาจะหยุดลง มิฉะนั้น:
- ในไฟล์ jar c:\lib\lib.jar ไฟล์ /ru/skipy/test/res/data.txt (ชื่อแพ็กเกจของคลาสปัจจุบันบวกกับชื่อรีซอร์ส) จะถูกค้นหา และการค้นหาจะดำเนินการจาก รูทของไฟล์ jar
คุณสามารถดาวน์โหลดตัวอย่างการทำงานเต็มรูปแบบซึ่งแสดงการโหลดทั้งสองประเภทได้ที่นี่: ทรัพยากร - รูปภาพและข้อความ - อยู่ในไดเร็กทอรีแยกต่างหาก ในระหว่างการประกอบ ทรัพยากรจะอยู่ในไฟล์ jar และถูกโหลด ทีละรายการตามชื่อที่แน่นอน และอีกรายการตามชื่อที่เกี่ยวข้องกัน ตัวอย่างถูกสร้างและเรียกทำงานผ่าน ant โดยใช้คำสั่ง ant run ซึ่งถูกเรียกทำงานจากไดเร็กทอรี build/classes/ build และด้วยคำสั่ง ant run-jar จากไฟล์ jar ที่ประกอบ
ที่นี่ที่ไหนสักแห่งเช่นนี้ คำถาม? ความคิดเห็น?
World Wide Web Consortium (W3C) แนะนำเทคโนโลยี CSS (Cascading Style Sheets) ในปี 1996 ตั้งแต่นั้นมา นักพัฒนาเว็บได้ใช้สไตล์ชีตแบบเรียงซ้อนเพื่อสร้างการออกแบบเว็บไซต์ที่มีเอกลักษณ์เฉพาะตัว
เมื่อยี่สิบปีที่แล้ว นักพัฒนาเล่นกับตัวเลือกแบบอักษร คุณสมบัติของข้อความ และสีขององค์ประกอบของหน้า ทุกวันนี้มีการใช้แอนิเมชั่น เงา การไล่ระดับสี การลบรอยหยัก และสิ่งขั้นสูงอื่น ๆ อีกมากมาย
ติดตั้งส่วนขยาย Web Developer สำหรับ Chrome หรือปิดใช้งาน Add-on CSS สำหรับ Firefox เพื่อเพลิดเพลินกับไซต์โปรดของคุณโดยไม่ต้องเรียงซ้อนสไตล์ชีต
การเปลี่ยนแปลงจะเกิดขึ้นอย่างมาก แม้ว่าจะไม่ได้เสมอไปก็ตาม ตัวอย่างเช่น Drudge Report ผู้รวบรวมข่าวจะไม่เปลี่ยนแปลงมากนัก มันง่ายแค่สองเท่าคูณสองเท่านั้น อย่างไรก็ตาม มีการดูทรัพยากรมากกว่า 150 ล้านครั้งต่อเดือน
จะเรียนรู้ความซับซ้อนของ CSS ได้ที่ไหน
ขอให้สอดคล้องและเริ่มต้นด้วยฐานทางทฤษฎีที่แข็งแกร่ง ด้วยเหตุนี้ เราจึงหันไปหา Vlad Merzhevich ผู้แต่งหนังสือและนักพัฒนาเว็บที่ดูแลทรัพยากรคุณภาพสูงหลายประการเกี่ยวกับเค้าโครงและสไตล์ของหน้าเว็บ
ที่นี่คุณจะได้พบกับบทช่วยสอนที่ชัดเจนและคำตอบสำหรับคำถามยอดนิยมเกี่ยวกับสไตล์ชีตแบบเรียงซ้อน นอกจากนี้ยังมีบทความให้ความรู้เกี่ยวกับข้อกำหนด CSS ที่สามในปัจจุบันอีกด้วย
เสนอการอ้างอิงตามตัวอักษรถึง CSS แต่ละคุณสมบัติมีคำอธิบายสั้น ๆ ไวยากรณ์และตัวอย่างสด อย่าลังเลที่จะถามคำถาม - ผู้เขียนโครงการติดต่อและหารือเกี่ยวกับรายละเอียดด้วยความเต็มใจ
นอกจากบทเรียนภาษารัสเซียแล้ว เรายังเพิ่มเว็บไซต์ต่างประเทศอีกด้วย ด้วยความช่วยเหลือของพวกเขา นักเรียนบางคนจึงสามารถเจาะลึกอาชีพนี้และยอมรับคำศัพท์เฉพาะทางได้ง่ายขึ้น ดังนั้นความสนใจทั้งหมดจึงอยู่ที่ ไม่มีอะไรฟุ่มเฟือยบนไซต์: คุณสมบัติ CSS คำอธิบายและการดำเนินการ ในบรรดาสิ่งเล็กๆ น้อยๆ ที่น่าพึงพอใจ เราสังเกตเห็นการค้นหาอย่างรวดเร็วและการคัดลอกคุณสมบัติไปยังคลิปบอร์ดด้วยการคลิกเมาส์
การฝึกอบรมเป็นงานที่ยาวและบางครั้งก็น่าเบื่อ คงจะดีถ้าหาแรงจูงใจเพื่อช่วยในยามยากลำบาก เราจะได้รับแรงบันดาลใจจากนักออกแบบเว็บไซต์คนอื่นๆ หรือบนเว็บไซต์ ที่นี่ ทุกๆ วันจะมีการนำเสนอโครงการคุณภาพสูงซึ่งเป็นตัวอย่างของสิ่งที่ควรค่าแก่การมุ่งมั่น ผู้ชนะหลายคนรู้สึกประหลาดใจอย่างแท้จริง อย่าลืมแวะมาโหวตผู้ได้รับการเสนอชื่อที่คุณชื่นชอบ
เมื่อมีความรู้ที่มั่นคงและมีสัญญาณแล้ว ก็ถึงเวลาทดสอบความแข็งแกร่งของคุณในการปฏิบัติ และเพื่อไม่ให้เลือกถนนเป็นเวลานานเราจะพาคุณไปที่เพจ มันมีไฟล์ HTML ที่ไม่เปลี่ยนรูปซึ่งผู้ใช้จากทั่วทุกมุมโลกพยายามที่จะออกแบบที่ไม่ธรรมดาโดยใช้สไตล์ชีตแบบเรียงซ้อน
ดาวน์โหลด HTML อ้างอิง เพิ่มสไตล์ของคุณเอง และส่งกลับทั้งหมด แนวทางของคุณอาจจะดีที่สุด อย่างไรก็ตาม คุณสามารถดาวน์โหลดเวอร์ชันของผู้อื่นและดูวิธีการนำไปใช้ได้
เห็นได้ชัดว่าคุณจะต้องการใช้สิ่งที่จะดึงดูดความสนใจของทุกคน เราไม่รู้ว่ามีสิ่งนี้เกิดขึ้นหรือไม่ แต่มีเทคนิคที่น่าสนใจมากมายนับสิบหลายร้อยเทคนิคอยู่ที่นั่น
คุณจะไม่สามารถดาวน์โหลดโค้ดได้โดยตรง คุณจะต้องเข้าไปที่เมนูนักพัฒนา - นี่คือนโยบายของพรรคท้องถิ่น อย่างไรก็ตาม สไตล์ CSS ส่วนใหญ่สามารถใช้ได้โดยไม่ได้รับอนุญาตจากผู้เขียน
ทำไมเราถึงต้องการของของคนอื่น ในเมื่อมือของเราเองเหยียดตรง? มันจะโชว์แบบนี้จริงๆเหรอ? นอกเหนือจากการตรวจสอบไวยากรณ์ CSS พื้นฐานแล้ว บริการเว็บยังตรวจสอบการปฏิบัติตามกฎที่ส่งผลต่อความเร็วในการโหลดหน้าเว็บอีกด้วย ผลลัพธ์เป็นโค้ด CSS ที่ดีและเป็นมิตรกับเบราว์เซอร์
คุณสามารถแนะนำแหล่งข้อมูลใดเกี่ยวกับสไตล์ชีตแบบเรียงซ้อนได้