ข้อกำหนด HTML และ CSS HTML และ CSS เวอร์ชันใช้งานได้
วันนี้มาพูดเกี่ยวกับจัมเปอร์บนฮาร์ดไดรฟ์ของคุณ แม่นยำยิ่งขึ้นเราจะพูดถึงสิ่งที่จัมเปอร์เหล่านี้ส่งผลกระทบ
ไม่มีความลับใดที่ฮาร์ดไดรฟ์จะมีจัมเปอร์ขนาดเล็กซึ่งอยู่ใกล้กับสายเชื่อมต่อ จัมเปอร์นี้ส่งผลกระทบอย่างไร และตำแหน่งที่ถูกต้องในการติดตั้งคือตำแหน่งใด ต้องจองไว้ก่อนว่าบทความจะไม่สมบูรณ์ในหัวข้อนี้ มีหลายพันธุ์ ฮาร์ดไดรฟ์, กับ วิธีทางที่แตกต่างการเชื่อมต่อและปัจจัยรูปแบบที่แตกต่างกันซึ่งจัมเปอร์จะแตกต่างกันและไม่มีอยู่เลย วันนี้เราจะพูดถึงฮาร์ดไดรฟ์เก่าและตัวเลือกการเชื่อมต่อ IDE
จำเป็นต้องใช้จัมเปอร์บนฮาร์ดไดรฟ์เพื่อจัดระเบียบการเปิดฮาร์ดไดรฟ์หลายตัวที่ถูกต้อง ลองนึกภาพสถานการณ์ที่คุณมีฮาร์ดไดรฟ์สองตัวติดตั้งอยู่ในระบบของคุณ มีความจำเป็นต้องพิจารณาว่าอันไหนเป็นอันหลักที่จะเปิดตัว ระบบปฏิบัติการและอันไหนเป็นอันรอง - โหลดเป็นพื้นที่ดิสก์เพิ่มเติม
มีสองโหมดหลักสำหรับการตั้งค่าจัมเปอร์ อันแรกเรียกว่ามาสเตอร์ และอันที่สองเรียกว่าทาส นอกจากนี้ยังมีสิ่งที่แตกต่างเล็กน้อยจากทั้งสองนี้ แต่เราจะไม่ทำให้บทความยุ่งเหยิงเราจะให้ความสนใจเฉพาะกับพื้นฐานของปัญหานี้เท่านั้น
ในโหมด Master คุณต้องวางจัมเปอร์ไว้ที่ตัวหลัก ฮาร์ดดิสซึ่งระบบปฏิบัติการจะถูกโหลด ในโหมด Slave ให้ติดตั้งฮาร์ดไดรฟ์รอง ระบบจะอ่านข้อมูลนี้เมื่อเริ่มต้นระบบและส่งสัญญาณเพิ่มเติม ดังนั้นในที่สุดคุณก็โหลดฮาร์ดไดรฟ์ที่ต้องการเป็นฮาร์ดไดรฟ์หลักและ ยากที่สองดิสก์เป็นดิสก์รอง
โหมดใดที่สอดคล้องกับที่คุณต้องดูสติกเกอร์ซึ่งอยู่ใกล้กับจัมเปอร์ โดยปกติแล้วผู้ผลิตจะระบุ บทบัญญัติที่จำเป็นจัมเปอร์
จัมเปอร์นั้นเป็นชิปขนาดเล็กโดยการติดตั้งซึ่งคุณจะปิดหน้าสัมผัสของฮาร์ดไดรฟ์ของคุณอย่างเหมาะสม ลำดับการเริ่มต้นฮาร์ดไดรฟ์ของคุณจะขึ้นอยู่กับว่าคุณปิดผู้ติดต่อเหล่านี้อย่างไร
อย่าลืมว่าต้องกำหนดค่าลำดับการเริ่มต้นอุปกรณ์ของคุณ ไม่ว่าจะเป็นฮาร์ดไดรฟ์หรือไดรฟ์ ใน BIOS ของคุณด้วย เมนบอร์ด- ตัวเลือกการตั้งค่ามีความกังวลมากขึ้น การใช้งานอย่างต่อเนื่องฮาร์ดไดรฟ์สองตัวขึ้นไป หากคุณต้องการติดตั้งฮาร์ดไดรฟ์ตัวที่สองเพียงครั้งเดียวเพื่อคัดลอกข้อมูล คุณเพียงแค่ต้องเล่นกับจัมเปอร์เท่านั้น
เมื่อคอมพิวเตอร์บูทให้กดปุ่ม Delete หรือ F2 แล้วไปที่ ส่วนไบออสเรียกว่าบูท วางอุปกรณ์ทั้งหมดตามลำดับที่คุณต้องการที่นั่น
ตัวอย่างเช่น ตัวแรกคือฮาร์ดไดรฟ์ที่ติดตั้งระบบปฏิบัติการ ตัวที่สองคือฮาร์ดไดรฟ์รอง และตัวที่สามคือไดรฟ์
อุปกรณ์บู๊ตเครื่องที่ 1 - อุปกรณ์แรก อุปกรณ์บู๊ต[xxx Drive] - อุปกรณ์ที่ระบุในบรรทัดนี้จะเป็นอุปกรณ์แรกที่ BIOS จะพยายามโหลดระบบปฏิบัติการ
อุปกรณ์บู๊ตตัวที่ 2 - อุปกรณ์บู๊ตตัวที่สอง [xxx Drive] - อุปกรณ์ที่ระบุในบรรทัดนี้จะเป็นอุปกรณ์ตัวที่สองที่ BIOS จะพยายามโหลดระบบปฏิบัติการ
อุปกรณ์บู๊ตตัวที่ 3 - อุปกรณ์บู๊ตตัวที่สาม [xxx Drive]
หากคุณกำลังติดตั้งระบบปฏิบัติการใหม่ ระบบวินโดวส์จากนั้นคุณจะต้องตั้งค่าไดรฟ์ก่อนจึงจะโหลดตัวติดตั้ง Windows ได้
ดังนั้น วันนี้เราจึงได้เรียนรู้บางอย่างเกี่ยวกับจัมเปอร์และลำดับการบู๊ตของอุปกรณ์ หากบทความนี้มีประโยชน์สำหรับคุณก็กลับมาอีกครั้ง ท้ายที่สุดฐานข้อมูลบทความของเราอัพเดททุกวัน!
การพัฒนา ตารางง่ายๆสไตล์เป็นงานที่ค่อนข้างง่าย นักพัฒนาจะต้องมี ความรู้พื้นฐานใน HTML และคำศัพท์เฉพาะทางการพิมพ์ ตัวอย่างเช่น หากต้องการกำหนดสีขององค์ประกอบ "H1" ให้เป็นสีน้ำเงิน ก็เพียงพอที่จะพูดว่า: H1 ( สี: สีน้ำเงิน ) ตัวอย่างที่ให้มาเป็นตัวอย่างง่ายๆ กฎ CSS- กฎประกอบด้วยสองส่วนหลัก: ตัวเลือก ("H1") และคำจำกัดความ ("สี: สีน้ำเงิน") ในทางกลับกัน คำจำกัดความยังประกอบด้วยสองส่วน: คุณสมบัติ (“สี”) และค่า (“สีน้ำเงิน”) ในขณะที่ตัวอย่างข้างต้นพยายามที่จะส่งผลกระทบเพียงคุณสมบัติเดียวที่จำเป็นสำหรับ การสร้าง HTMLเอกสาร มันเป็นสไตล์ชีทอยู่แล้ว รวมกับสไตล์ชีตอื่น ๆ (หนึ่งใน คุณสมบัติพื้นฐาน CSS เป็นการผสมผสานระหว่างสไตล์ชีต) โดยจะกำหนดลักษณะที่ปรากฏขั้นสุดท้ายของเอกสารทั้งหมด ตัวเลือกคือความสัมพันธ์ระหว่างเอกสาร HTML และสไตล์ชีต ชุดเต็มประเภทองค์ประกอบประกอบด้วยตัวเลือกที่เป็นไปได้ทั้งหมด ประเภทองค์ประกอบถูกกำหนดไว้ในข้อกำหนด HTML คุณสมบัติ "สี" เป็นหนึ่งในคุณสมบัติประมาณ 50 รายการที่กำหนดลักษณะที่ปรากฏของเอกสาร HTML รายการคุณสมบัติและค่าที่เป็นไปได้ถูกกำหนดไว้ในข้อกำหนดนี้ ผู้เขียน HTML จะต้องกำหนดสไตล์ชีตของตนเท่านั้นหากต้องการเสนอสไตล์เฉพาะสำหรับเอกสารของตน UA แต่ละแห่งควรมีสไตล์ชีตเริ่มต้นที่แสดงเอกสารในรูปแบบที่ยอมรับได้ แต่อาจจะเพียงพอแล้ว ในรูปแบบที่เรียบง่าย- ภาคผนวก A มีตัวอย่างสไตล์ชีตสำหรับการนำเสนอเอกสาร HTML ตามที่เสนอในข้อกำหนด HTML 2.0 ไวยากรณ์อย่างเป็นทางการของภาษา CSS1 ถูกกำหนดไว้ในภาคผนวก B
1.1 การรวมไว้ใน HTML
เพื่อให้สไตล์ชีตส่งผลต่อลักษณะที่ปรากฏของเอกสาร UA จะต้องตระหนักถึงการมีอยู่ของเอกสารนั้น ข้อกำหนด HTML กำหนดวิธีการรวมสไตล์ชีตใน HTML นั่นเป็นเหตุผล ส่วนนี้เป็นข้อมูลไม่ใช่บรรทัดฐาน:หัวเรื่องเป็นสีฟ้า
ในขณะที่ย่อหน้าเป็นสีเขียว ตัวอย่างนี้สาธิตสี่วิธีในการรวมสไตล์เข้ากับ HTML: การใช้องค์ประกอบ "LINK" เพื่อเชื่อมโยงไปยังสไตล์ชีตภายนอก การใช้องค์ประกอบ "STYLE" ภายในองค์ประกอบ "HEAD" การนำเข้าสไตล์ชีตโดยใช้สัญลักษณ์ CSS "@import" และ โดยใช้แอตทริบิวต์ "STYLE" ในองค์ประกอบภายในส่วน "BODY" วิธีสุดท้ายผสมผสานสไตล์กับเนื้อหาจึงแพ้ บุญที่สอดคล้องกันสไตล์ชีตแบบดั้งเดิม องค์ประกอบ "LINK" เชื่อมโยงกับสไตล์ชีตทางเลือกที่ผู้อ่านสามารถเลือกได้ ในขณะที่สไตล์ชีตที่นำเข้าจะถูกรวมเข้ากับสไตล์ชีตที่เหลือโดยอัตโนมัติ ตามเนื้อผ้า UA จะละเว้นแท็กที่ไม่รู้จัก ด้วยเหตุนี้ UA รุ่นเก่าจะเพิกเฉยต่อองค์ประกอบ "STYLE" แต่เนื้อหาจะถือว่าเป็นส่วนหนึ่งของเนื้อหาเอกสารและจะแสดงในเอกสาร ในช่วงระยะเวลาการเปลี่ยนแปลง เนื้อหาขององค์ประกอบ "STYLE" สามารถ "ซ่อน" ได้โดยใช้ความคิดเห็น SGML:
เนื่องจากองค์ประกอบ "STYLE" ถูกกำหนดให้เป็น "CDATA" ใน DTD ล่าม SGML จะไม่ถือว่าสไตล์ชีตเป็นความคิดเห็นที่จะลบออก
1.2 การจัดกลุ่ม
หากต้องการลดขนาดของสไตล์ชีต คุณสามารถจัดกลุ่มตัวเลือกให้เป็นรายการที่คั่นด้วยเครื่องหมายจุลภาค: H1, H2, H3 (ตระกูลแบบอักษร: helvetica)คำจำกัดความสามารถจัดกลุ่มได้ในลักษณะเดียวกัน:
H1 ( Font-weight: Bold; Font-size: 12pt; line-height: 14pt; Font-family: helvetica; Font-variant: Normal; Font-style: Normal; ) นอกจากนี้ คุณสมบัติบางอย่างยังมีการจัดกลุ่มของตัวเอง ไวยากรณ์: H1 (แบบอักษร: ตัวหนา 12pt/14pt helvetica)
ซึ่งเทียบเท่ากับตัวอย่างก่อนหน้านี้
1.3 มรดก
ในตัวอย่างแรก สีขององค์ประกอบ "H1" ถูกตั้งค่าเป็นสีน้ำเงิน ลองนึกภาพว่ามีองค์ประกอบ "H1" พร้อมด้วยองค์ประกอบ ข้างใน:
หัวเรื่อง เป็นสำคัญ!
หากไม่มีการกำหนดสีสำหรับองค์ประกอบ "EM" ดังนั้น Emulated "is" จะสืบทอดสีขององค์ประกอบหลัก เช่น มันจะแสดงเป็นสีน้ำเงินด้วย คุณสมบัติสไตล์อื่นๆ ยังสืบทอดมา เช่น "font-family" และ "font-size" หากต้องการกำหนดคุณสมบัติสไตล์เริ่มต้นสำหรับเอกสาร คุณสามารถตั้งค่าคุณสมบัตินี้ในองค์ประกอบที่องค์ประกอบที่มองเห็นอื่นๆ ทั้งหมดสืบทอดมา ใน เอกสาร HTMLองค์ประกอบ "BODY" ทำหน้าที่นี้: BODY ( color: black; background: url(texture.gif) white; ) ตัวอย่างนี้จะใช้ได้แม้ว่าผู้เขียนจะละเว้นแท็ก "BODY" (ซึ่งถูกกฎหมาย) เนื่องจากเบราว์เซอร์จะแทรก แท็กที่หายไป ตัวอย่างก่อนหน้านี้ตั้งค่าสีข้อความเป็นสีดำและพื้นหลังให้มีรูปภาพ พื้นหลังจะเป็นสีขาวหากไม่มีรูปภาพ (ดูรายละเอียดในบทที่ 5.3) คุณสมบัติสไตล์บางอย่างไม่ได้สืบทอดมาจากองค์ประกอบหลักโดยองค์ประกอบลูก ในกรณีส่วนใหญ่ จะเห็นได้ชัดเจนโดยสัญชาตญาณว่าสถานการณ์ดังกล่าวเกิดขึ้นในกรณีใด ตัวอย่างเช่น คุณสมบัติ "พื้นหลัง" จะไม่ได้รับการสืบทอด แต่พื้นหลังขององค์ประกอบหลักจะแสดงผ่านตามค่าเริ่มต้นบ่อยครั้งที่มูลค่าของคุณสมบัติถูกระบุเป็นเปอร์เซ็นต์ของคุณสมบัติอื่น:
P ( font-size: 10pt ) P ( line-height: 120% ) /* สัมพันธ์กับ "font-size" เช่น 12pt */ สำหรับคุณสมบัติใด ๆ ที่สามารถระบุค่าเป็นเปอร์เซ็นต์ได้ จะมีการกำหนดคุณสมบัติที่อ้างถึง องค์ประกอบลูก"P" จะสืบทอดค่า "line-height" (12pt) ที่คำนวณไว้ แทนที่จะเป็นเปอร์เซ็นต์
1.4 คลาสเป็นตัวเลือก
เพื่อเพิ่มความยืดหยุ่นในการควบคุมองค์ประกอบจึงมีการเพิ่ม HTML คุณลักษณะใหม่"ระดับ". องค์ประกอบทั้งหมดภายในองค์ประกอบ "BODY" สามารถจัดประเภทได้ และสามารถอ้างอิงคลาสได้ผ่านสไตล์ชีต:เขียวเกินไป.
กฎการสืบทอดปกติใช้กับองค์ประกอบที่จำแนกประเภท โดยสืบทอดค่าของพาเรนต์ในโครงสร้างเอกสาร คุณสามารถระบุองค์ประกอบทั้งหมดของคลาสเดียวกันได้โดยละเว้นชื่อแท็กในตัวเลือก: .pastoral ( สี: สีเขียว ) /* ทั้งหมด องค์ประกอบที่มี CLASS Pastoral */ สำหรับตัวเลือกแต่ละตัว คุณสามารถกำหนดได้เพียงคลาสเดียวเท่านั้น "P.pastoral.marine" จึงเป็นตัวเลือกที่ไม่ถูกต้องใน CSS1 (ตัวเลือกตามบริบท ดังที่อธิบายไว้ด้านล่าง สามารถกำหนดคลาสหนึ่งสำหรับตัวเลือกแบบง่ายตัวเดียวได้) CSS ให้ความยืดหยุ่นอย่างมากในการใช้แอตทริบิวต์ CLASS ซึ่งในหลายกรณี มันไม่สำคัญว่าองค์ประกอบ HTML ใดที่คลาสจะถูกตั้งค่า - คุณสามารถสร้างได้ องค์ประกอบใด ๆ เลียนแบบองค์ประกอบอื่น ๆ แต่ไม่แนะนำให้พึ่งพาความเป็นไปได้นี้ เพราะ... สิ่งนี้ปล้นเอกสารโครงสร้างที่มีความหมายสากล (องค์ประกอบ HTML) โครงสร้างตามคลาสมีการใช้งานที่แคบเฉพาะในกรณีที่ความหมายของคลาสได้รับการตกลงกันทั้งสองฝ่าย1.5 ID เป็นตัวเลือก
ตอนนี้ HTML ยังกำหนดแอตทริบิวต์ "ID" ซึ่งรับประกันว่าจะมี คุณค่าที่ไม่ซ้ำใครในเอกสาร ดังนั้นจึงมีความหมายพิเศษในฐานะตัวเลือกสไตล์ชีต และสามารถระบุได้ด้วย "#": #z98y ( การเว้นวรรคตัวอักษร: 0.3em ) H1#z98y ( การเว้นวรรคตัวอักษร: 0.5em )ข้อความกว้าง
ในตัวอย่างข้างต้น ตัวเลือกแรกตรงกับองค์ประกอบ "P" เนื่องจากแอตทริบิวต์ "ID" ตัวเลือกที่สองระบุทั้งประเภทองค์ประกอบ ("H1") และค่า ID ดังนั้นจึงไม่ตรงกับองค์ประกอบ "P" การใช้ ID เป็นตัวเลือกทำให้คุณสามารถตั้งค่าคุณสมบัติทีละองค์ประกอบได้ ในขณะที่สไตล์ชีตได้รับการออกแบบเพื่อให้เห็นภาพโครงสร้างเอกสาร คุณสมบัตินี้ช่วยให้ผู้เขียนสามารถสร้างเอกสารที่แสดงอย่างถูกต้องบนผืนผ้าใบโดยไม่ต้องใช้โครงสร้าง องค์ประกอบ HTML- ไม่สนับสนุนการใช้สไตล์ชีตนี้1.6 ตัวเลือกบริบท
การสืบทอดจะช่วยลดปริมาณการพิมพ์ลงอย่างมาก ข้อความซีเอสเอสนักออกแบบ แทนที่จะระบุคุณสมบัติสไตล์ทั้งหมด คุณสามารถตั้งค่าเริ่มต้นแล้วระบุข้อยกเว้นได้ หากต้องการทำให้องค์ประกอบ "EM" ภายใน "H1" มีข้อความที่แตกต่างกัน คุณสามารถระบุ: H1 ( สี: สีน้ำเงิน ) EM ( สี: สีแดง ) เมื่อ ตารางนี้จะใช้รูปแบบ ข้อความทั้งหมดภายใน "EM" ทั้งภายในและภายนอก "H1" จะเปลี่ยนเป็นสีแดง แน่นอนว่าฉันต้องการให้เฉพาะองค์ประกอบของ "EM" ที่อยู่ใน "H1" เท่านั้นที่จะกลายเป็นสีแดง ซึ่งสามารถทำได้โดยการระบุ: H1 EM ( สี: สีแดง ) ในกรณีนี้ ตัวเลือกคือมาสก์การค้นหาสแต็ก องค์ประกอบเปิดและตัวเลือกดังกล่าวเรียกว่าตัวเลือกบริบท ตัวเลือกตามบริบทประกอบด้วยตัวเลือกแบบง่ายที่คั่นด้วยช่องว่าง (ตัวเลือกทั้งหมดที่อธิบายไว้จนถึงตอนนี้คือตัวเลือกแบบง่าย) กฎที่อธิบายไว้ใช้เฉพาะกับองค์ประกอบที่ตรงกับตัวเลือกแบบง่ายตัวสุดท้าย (in ในกรณีนี้องค์ประกอบ "EM") และเฉพาะในกรณีที่ผลการค้นหาเป็นบวกเท่านั้น ตัวเลือกตามบริบทใน CSS1 อธิบายเฉพาะความสัมพันธ์ที่สืบทอดมา ในขณะที่เวอร์ชันหลังๆ สามารถอธิบายความสัมพันธ์ประเภทอื่นๆ ได้ UL LI ( ขนาดตัวอักษร: ขนาดเล็ก ) UL UL LI ( ขนาดตัวอักษร: x-small ) ในกรณีนี้ ตัวเลือกแรกจะจับคู่องค์ประกอบ "LI" ในบรรพบุรุษ "UL" อย่างน้อยหนึ่งตัว ตัวเลือกที่สองจะจับคู่ชุดย่อยของตัวเลือกแรก เช่น องค์ประกอบ "LI" ที่มีระดับบนสุด "UL" อย่างน้อยสองตัว ข้อขัดแย้งได้รับการแก้ไขโดยทำให้ตัวเลือกที่สองมีความเฉพาะเจาะจงมากขึ้นเนื่องจากมีมาสก์การค้นหาที่ยาวกว่า ดูข้อมูลเพิ่มเติมในลำดับแบบเรียงซ้อน (ส่วนที่ 3.2) ตัวเลือกตามบริบทอาจมีประเภทองค์ประกอบ คุณลักษณะ CLASS คุณลักษณะ ID หรือทั้งสองอย่างรวมกัน: DIV P ( แบบอักษร: sans-serif ขนาดเล็ก ) .reddish H1 ( สี: สีแดง ) #x78y CODE ( พื้นหลัง : สีน้ำเงิน ) DIV.sidenote H1 ( ขนาดตัวอักษร: ใหญ่ ) ตัวเลือกแรกจะจับคู่องค์ประกอบ "P" ที่มี "DIV" อยู่ในกลุ่มบรรพบุรุษ ตัวเลือกที่สองจะจับคู่องค์ประกอบ "H1" ทั้งหมดที่มีบรรพบุรุษของคลาส "reddish" ตัวเลือกที่สามจะจับคู่องค์ประกอบ "CODE" ทั้งหมดที่เป็นลูกหลานขององค์ประกอบด้วย "ID=x78y" ตัวเลือกที่สี่ตรงกับองค์ประกอบ "H1" ทั้งหมดที่มีบรรพบุรุษ "DIV" พร้อมด้วยคลาส "sidenote"คุณสามารถจัดกลุ่มตัวเลือกบริบทได้หลายรายการ:
H1 B, H2 B, H1 EM, H2 EM ( สี: แดง )
ซึ่งเทียบเท่า:
H1 B ( สี: แดง ) H2 B ( สี: แดง ) H1 EM ( สี: แดง ) H2 EM ( สี: แดง )
1.7 ความคิดเห็น
ความคิดเห็นของข้อความในสไตล์ชีตมีรูปแบบเดียวกับในภาษา C: EM ( color: red ) /* red, really red!! */ ความคิดเห็นไม่สามารถซ้อนกันได้ สำหรับตัวจัดการ CSS1 ความคิดเห็นจะเทียบเท่ากับการเว้นวรรคก่อนที่จะดำเนินการนำเสนอเนื้อหาฉันอยากจะพูดสองสามคำเกี่ยวกับมันคืออะไร ซีเอสเอส 3และแตกต่างจาก CSS ที่เราศึกษาก่อนหน้านี้อย่างไร ความจริงก็คือ CSS เช่นเดียวกับ HTML มีเอกสารทางเทคนิคของตัวเอง มาตรฐานบางอย่างที่ผู้ดูแลเว็บต้องพัฒนาเอกสารเว็บของตน และนักพัฒนาเบราว์เซอร์จะต้องเขียนโปรแกรมของตน และแม้ว่าเอกสารนี้จะเป็นเพียงคำแนะนำเท่านั้น แต่ก็ยังดีกว่าหาก ยึดถือมันเพื่อที่จะ เบราว์เซอร์ที่แตกต่างกันและอุปกรณ์ก็สามารถแสดงเว็บไซต์ของคุณได้อย่างถูกต้อง
ดังนั้นนี่คือ รุ่นที่แตกต่างกันเอกสารนี้เรียกว่าข้อกำหนด และจนถึงจุดนี้เราได้ศึกษา CSS ตามข้อกำหนด CSS 2.1 - นี่คือลิงก์ไปยัง รุ่นอย่างเป็นทางการเอกสารนี้.. ตอนนี้เราจะศึกษาข้อกำหนด CSS 3 ใหม่ซึ่งมีคุณสมบัติที่น่าสนใจหลายประการที่ไม่รวมอยู่ในข้อกำหนดเวอร์ชันก่อนหน้า และเป็นที่น่าสังเกตทันทีว่าใน ช่วงเวลานี้ข้อกำหนด CSS 3 อย่างเป็นทางการยังอยู่ระหว่างการพัฒนานั่นคือเอกสารนี้ยังไม่ได้รับการอนุมัติและจนถึงขณะนี้มีเพียงเวอร์ชันร่างเท่านั้นอย่างไรก็ตามถึงแม้ข้อเท็จจริงนี้ CSS 3 ก็ถูกใช้อย่างกว้างขวางโดยเว็บมาสเตอร์และได้รับการสนับสนุนจากเบราว์เซอร์สมัยใหม่
เหตุใดสเปกใหม่จึงถือกำเนิดขึ้นมาเลย?
ใช่ มันง่าย.. โลกไม่หยุดนิ่ง ทุกอย่างเปลี่ยนแปลง เทคโนโลยีและเทรนด์ใหม่ๆ ปรากฏขึ้น.. และแน่นอนว่า เทรนด์แฟชั่นกำหนดข้อกำหนดใหม่ให้กับผู้ดูแลเว็บมากขึ้นเรื่อยๆ สำหรับการออกแบบเว็บไซต์ที่พวกเขาพัฒนา.. ดังนั้นเมื่อเวลาผ่านไป ผู้ดูแลเว็บมีเครื่องมือในมือไม่เพียงพออีกต่อไป และพวกเขาถูกบังคับให้ใช้กลอุบายประดิษฐ์ โซลูชั่นที่ไม่ได้มาตรฐานถ่ายโอนงานบางอย่างไปยังสคริปต์หรือ Photoshop ตัวอย่างเช่นการปัดเศษมุมของบล็อกเว็บไซต์กลายเป็นแฟชั่นและ เครื่องมือง่ายๆ- คุณสมบัติ: รัศมีเส้นขอบไม่อยู่ในข้อกำหนด CSS 2.1... ดังนั้นเพื่อประโยชน์ของเรื่องเล็ก ๆ น้อย ๆ นี้เราจึงต้องพยายามทำ "การเคลื่อนไหวของร่างกาย" ที่ไม่จำเป็นทั้งหมด - ดูสิ ด้วยความอยากรู้อยากเห็น รหัสที่ป่องๆ แบบนี้สมเหตุสมผลในบทเรียนนี้ไหม ดังนั้นผู้คนจึงตัดสินใจที่จะทำให้ทุกอย่างง่ายขึ้นโดยการประดิษฐ์คุณสมบัติรัศมีเส้นขอบ ซึ่งล้อมรอบมุมของ องค์ประกอบบล็อก- นี่คือจุดที่วิวัฒนาการของ CSS เกิดขึ้นจริง ๆ และฉันคิดว่ามันแพร่หลาย แฟชั่นใหม่ตัวอย่างเช่นสำหรับมุมเว้าหรือรูปเพชรของบล็อกดังนั้นในอนาคตคุณสมบัติที่เกี่ยวข้องจะปรากฏขึ้นในข้อกำหนดที่ตามมาบางประการ
CSS 3 ช่วยให้คุณทำอะไรได้บ้าง?
นอกเหนือจากข้อเท็จจริงที่ว่าข้อกำหนด CSS 3 สามารถปัดเศษได้ แต่ยังช่วยให้คุณทำสิ่งอื่นๆ ได้อีกมากมาย: สร้างการไล่ระดับสี เงา ภาพเคลื่อนไหวบนหน้าเว็บไซต์ กำหนดระดับความโปร่งใสขององค์ประกอบบางอย่าง และยังขยายชุดได้อย่างมาก ของเครื่องมือต่างๆ เมื่อทำงานกับพื้นหลัง สี ข้อความ โดยทั่วไปแล้ว เราจะมีเรื่องให้พูดถึงมากมายในหนังสือเรียนเล่มนี้!
เบราว์เซอร์ใดบ้างที่รองรับ CSS 3
คุณสมบัติที่บันทึกไว้ของ CSS 3 ใหม่ส่วนใหญ่รองรับทั้งหมด เบราว์เซอร์ที่ทันสมัย: IE9+, Opera 10+, Firefox 3.6+, Chrome 12+, Safari 5+แน่นอนว่ามีความแตกต่างบางประการที่เราจะพูดถึงในแต่ละกรณีแยกกัน แต่โดยทั่วไปแล้วทุกอย่างทำงานได้อย่างถูกต้อง
ป.ล. ในบทช่วยสอนนี้ เราจะพูดถึงเฉพาะคุณสมบัติใหม่ของ CSS 3 ที่ไม่รวมอยู่ในคุณสมบัติเฉพาะของ CSS 2.1 อย่างไรก็ตาม คุณควรเข้าใจว่า CSS 3 นอกเหนือจากคุณสมบัติใหม่แล้ว ยังรวมทุกอย่างที่ CSS 2.1 มี ดังนั้นหากคุณ มาที่นี่เป็นครั้งแรกและกำลังเรียนรู้ CSS "ตั้งแต่เริ่มต้น" ฉันขอแนะนำให้คุณเริ่มเรียนรู้จากส่วนนี้
ข้อมูลจำเพาะ HTML และ CSS- นี่คือชุดกฎและคำแนะนำสำหรับนักพัฒนาเว็บและผู้ผลิต เกี่ยวกับไวยากรณ์และการตีความภาษาเอกสารเว็บเหล่านี้ นี่เป็นสิ่งจำเป็นเพื่อให้เบราว์เซอร์ ผู้ผลิตต่างๆแสดงหน้า HTML ไม่เพียงแต่ในลักษณะเดียวกัน แต่ยังเป็นไปตามที่ผู้เขียนตั้งใจด้วย สมาคมกำลังพัฒนากฎเหล่านี้ เวิลด์ไวด์เว็บ(W3C) นำโดย Tim Berners-Lee ผู้สร้างอินเทอร์เน็ต, HTML, URL และการพัฒนาอื่นๆ อีกมากมาย
ข้อกำหนด HTML ปัจจุบันล่าสุดจาก W3C (ภาษาอังกฤษ)
ข้อกำหนด CSS ปัจจุบันล่าสุดจาก W3C (ภาษาอังกฤษ)
HTML และ CSS เวอร์ชันใช้งานได้
คนงาน เวอร์ชัน HTMLและซีเอสเอส- เหล่านี้เป็นเวอร์ชันที่ยังไม่เสร็จสมบูรณ์และยังไม่ได้รับการอนุมัติในที่สุด พวกเขาได้รับการเปลี่ยนแปลงและเพิ่มเติมเนื้อหาที่มีอยู่อย่างต่อเนื่อง: แท็กต่างๆ คุณสมบัติ คุณสมบัติซีเอสเอสฯลฯ ดังนั้นคุณสามารถใช้ข้อมูลของพวกเขาเมื่อสร้างเว็บไซต์ด้วยความเสี่ยงและอันตรายของคุณเองเท่านั้น เนื่องจากไม่ใช่ความจริงที่ว่าหลังจากผ่านไประยะหนึ่งหน้าเว็บไซต์ของคุณจะไม่หยุดแสดงในเบราว์เซอร์ตามที่คุณวางแผนไว้แม้ว่าจะมีหลาย ๆ คนก็ตาม ในจำนวนนี้มีข้อมูลสนับสนุนบางส่วนจากเวอร์ชันที่ใช้งานได้แล้ว
HTML 5 เวอร์ชันใช้งานได้จาก W3C ซึ่งเปิดตัวแท็ก คุณลักษณะ และฟีเจอร์ใหม่ ให้ความสำคัญอย่างยิ่งกับความหมายของโค้ดที่แนะนำ การสนับสนุน API(อินเตอร์เฟซ การเขียนโปรแกรมแอปพลิเคชัน) ตัวอย่างเช่น คุณสามารถแทรกวิดีโอลงในเว็บไซต์ได้โดยไม่ต้องใช้ปลั๊กอิน การออกแบบภายนอกหน้า HTML ถูกถ่ายโอนอย่างสมบูรณ์ภายใต้ การจัดการซีเอสเอส- ไม่เหมือน รุ่นก่อนหน้า HTML, รุ่นนี้จะไม่แบ่งออกเป็นการโค่นล้ม - มีเพียงไวยากรณ์ที่เข้มงวดเท่านั้น แต่ในขณะเดียวกันเธอก็จะมี เข้ากันได้ย้อนหลังนั่นคือหากต้องการเปลี่ยนจาก HTML 4.01 เป็น HTML 5 ก็เพียงพอแล้วที่จะเปลี่ยน ในโค้ดบรรทัดแรกของหน้า
การทำงาน เวอร์ชันซีเอสเอส 3 จาก W3C คุณสมบัติใหม่มากมาย ความหมายที่แตกต่างกัน และด้วยเหตุนี้ ความสามารถจึงปรากฏขึ้น สิ่งที่เคยทำไว้ก่อนหน้านี้ด้วยรูปภาพและเครื่องมืออย่าง JavaScript ตอนนี้สามารถทำได้ด้วย CSS เพียงอย่างเดียว เช่น แอนิเมชั่น การสร้างเงา การปัดเศษมุมขององค์ประกอบต่างๆ อย่างไรก็ตาม CSS 3 ยังเข้ากันได้กับ CSS 2.1 แบบย้อนหลังอีกด้วย