Css universal selector ถูกตั้งค่าเป็น . ตัวเลือก CSS สากล คำขอสำหรับการตรวจสอบ

โกลอฟน่า / 2 นักอ่านสุดเจ๋ง

ตัวเลือก
ตัวเลือกสากล

สคีมาสำหรับโค้ด CSS มีลักษณะดังนี้:

ตัวเลือก ( css-power: value; css-power: value; ... และอื่นๆ)

ในตัวเลือกสากล ในฐานะตัวเลือก เครื่องหมาย * จะถูกใช้:

* ( พลัง CSS: ค่า; พลัง CSS: ค่า; ... ฯลฯ )

ตัวเลือกสากลฝังในแท็กทั้งหมดของเอกสาร HTML

ตัวอย่างเช่น คุณสามารถลบอินพุตภายในและภายนอกทั้งหมดออกจากแท็กทั้งหมดในเอกสาร HTML:

* ( ขอบ: 0; ช่องว่างภายใน: 0; )

สมมติว่าเรามีเอกสาร HTML เพื่อตรวจสอบรหัสต่อไปนี้:

Storinka เกี่ยวกับเสือดาวหิมะ

เสือดาวหิมะ

มาเป็นอันดับ

มาช่วยด้วยตัวเลือกสากลมาเปลี่ยนสีแบบอักษรสำหรับแท็กสีเขียวทั้งหมด สีเขียว สำหรับแบบอักษร arial สไตล์สำหรับแบบอักษรเฉียง

Storinka เกี่ยวกับเสือดาวหิมะ

เสือดาวหิมะ

เสือดาวหิมะ (irbis, ak leopard) - ฮัสกี้ที่ดีช่วยชีวิตจากตระกูลแมว กระเป๋าบนภูเขาของอัฟกานิสถาน พม่า ภูฏาน อินเดีย คาซัคสถาน คีร์กีซสถาน จีน มองโกเลีย เนปาล ปากีสถาน รัสเซีย ทาจิกิสถาน และอุซเบกิสถาน เสือดาวหิมะมีร่างกายผอมยาว อุ้งเท้าสั้นอย่างเห็นได้ชัด หัวเล็กและหางยาว ความยาวของหางเสือดาวหิมะกลายเป็น 200-230 ซม. น้ำหนักมากถึง 55 กก. Zabarvlennya khutra เป็นสีเทาอ่อน มักเป็นป่า มีชายหาดสีเข้มคล้ายวงแหวนหรือสีเข้ม

เสือดาวหิมะส่วนใหญ่กินแพะภูเขาและแกะผู้ เช่นเดียวกับหมูป่า ไก่ฟ้า และฮาวราห์ในอาหารนี้ เนื่องจากจิตใจเข้าไม่ถึง Irbisi dosi จึงเกลื่อนไปด้วยสิ่งเล็กน้อย อย่างไรก็ตาม จากการประมาณการโดยประมาณ จำนวนคนจะแตกต่างกันไปในแต่ละภูมิภาคประมาณ 10,000 คน ภายในค่ายสำหรับปี 2013 เสือดาวหิมะถูกรดน้ำในแม่น้ำทุกหนทุกแห่ง

หน้าตาบราวเซอร์จะเป็นแบบนี้

คุณยังสามารถทดลองกับอินพุตอื่น เพิ่ม 0 แล้วตามด้วย 15px เพิ่มลงในโค้ด CSS

บางครั้งคุณจำเป็นต้องติดตั้งสไตล์เดียวสำหรับองค์ประกอบทั้งหมดของหน้าเว็บพร้อมกัน เช่น ติดตั้งฟอนต์หรือข้อความรูปภาพ ด้วยวิธีนี้ ตัวเลือกสากลจะเพิ่มเติม ซึ่งตรงกับองค์ประกอบใดๆ ของหน้าเว็บ

ใน CSS3 ตัวเลือกสากล zastosovuetsya ในลักษณะเดียวกันในการรวมช่องว่างของชื่อ

  • ns|* - องค์ประกอบทั้งหมดในพื้นที่ ns ของชื่อ
  • *|* - องค์ประกอบทั้งหมดในช่องว่างของชื่อทั้งหมด
  • |* - องค์ประกอบทั้งหมดโดยไม่มีการแนะนำอย่างชัดเจนถึงช่องว่างของชื่อ

ไวยากรณ์

* ( คำอธิบายของกฎสไตล์ )

สำหรับค่าของตัวเลือกสากล จำเป็นต้องใช้สัญลักษณ์ zirochka (*) ในบางกรณี ตัวเลือกสากลคือ neobov'yazkovo ตัวอย่างเช่น รายการ *.class และ .class จะเหมือนกันในผลลัพธ์

การนัดหมาย

คำอธิบายก้น
<тип> ระบุประเภทของค่า<размер>
เอแอนด์แอนด์บีค่าอาจแสดงตามลำดับที่ระบุ<размер> && <цвет>
ก | ขโปรดระบุว่าคุณต้องเลือกเพียงค่าเดียวจากค่าที่แสดง (A หรือ B)ปกติ | หมวกใบเล็ก
ก || ขความหมายของผิวสามารถเอาชนะได้โดยอิสระหรือร่วมกับผู้อื่นตามลำดับที่เพียงพอความกว้าง || นับ
กลุ่มค่านิยม.[ครอบตัด || ข้าม]
* ทำซ้ำตั้งแต่ศูนย์ครั้งขึ้นไป[,<время>]*
+ ทำซ้ำอีกครั้งหนึ่ง<число>+
? ประเภทการมอบหมาย คำว่า กลุ่มไค ไม่ใช่ obov'yazkovimสิ่งที่ใส่เข้าไป?
(เอ, บี)ทำซ้ำ A น้อยลง อีกครั้งมากขึ้น<радиус>{1,4}
# ทำซ้ำหนึ่งครั้งหรือมากกว่านั้นผ่านใคร<время>#
×

ก้น

ตัวเลือกสากล

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguamerat volutpat.

บันทึก

เบราว์เซอร์ อินเทอร์เน็ต เอ็กซ์พลอเรอร์จนถึงรุ่นที่หกรวมถึงความเข้าใจเกี่ยวกับการออกแบบ *html ซึ่งเป็นแท็ก oskilki ที่ไร้เหตุผล єแท็กของระดับบนและอื่น ๆ สำหรับองค์ประกอบใหม่ ๆ ไม่สามารถเป็นได้ การให้อภัยนี้สามารถทำได้เพื่อจัดรูปแบบสำหรับ IE6 เช่น โครงสร้าง * html body ( ... ) จะจัดรูปแบบตัวเลือกเนื้อหาใน IE6 และต่ำกว่าและไม่ทำงานในเบราว์เซอร์อื่น

ที่ อินเทอร์เน็ตเบราว์เซอร์ Explorer 7 ในหนึ่งชั่วโมงเพิ่มตัวเลือกสากลก่อนชื่อตัวเลือกโดยไม่มีช่องว่าง vin ได้รับการยอมรับว่าเป็นตัวเลือกบริบท ดังนั้น รายการ *body จึงทำงานได้เฉพาะใน IE7 และเบราว์เซอร์อื่นจะละเว้น

ข้อมูลจำเพาะ

ความจำเพาะของผิวหนังที่ต้องผ่านขั้นตอนการจำศีล

  • คำแนะนำ (คำแนะนำ) - ข้อกำหนดนี้ได้รับการยกย่องจาก W3C และแนะนำเป็นมาตรฐาน
  • คำแนะนำผู้สมัคร ( คำแนะนำที่เป็นไปได้) - กลุ่มที่ปฏิบัติตามมาตรฐาน มีความพึงพอใจ ราวกับว่าได้สนับสนุนเป้าหมายของตน แต่ต้องการความช่วยเหลือเพิ่มเติมจากผู้ค้าปลีกเพื่อนำมาตรฐานไปใช้
  • ข้อเสนอแนะที่เสนอ ( คำแนะนำที่ได้รับการส่งเสริม) - ในขั้นตอนใดที่เอกสารถูกส่งไปยัง W3C Advisory สำหรับการแข็งตัวที่เหลืออยู่
  • แบบร่างการทำงาน (Working Draft) - พิมพ์เขียวเวอร์ชันผู้ใหญ่ที่ใหญ่กว่าหลังจากหารือเกี่ยวกับการแก้ไขนั้นเพื่อให้ดูดีขึ้น
  • ร่างบรรณาธิการ ( บรรณาธิการ แบล็คกี้) - รุ่นมาตรฐานสีดำหลังจากแก้ไขโดยบรรณาธิการในโครงการ
  • ร่าง ( ข้อมูลจำเพาะของ Chernetka) เป็นมาตรฐานสีดำรุ่นแรก
×

คำอธิบายภาษาของเอกสาร CSS ที่ดูทันสมัยมีการพัฒนาอย่างต่อเนื่อง ในช่วงหลายปีที่ผ่านมา ไม่เพียงแต่ความหนาแน่นและการใช้งานที่เพิ่มขึ้นเท่านั้น แต่ยังรวมถึงความยืดหยุ่นและความแข็งแกร่งของชัยชนะด้วย

มาจัดเรียงกัน แจ้งให้เราทราบหากคุณเป็นช่างซ่อมบำรุง CSS อย่างน้อยหนึ่งในคุณก็ได้แบ่งงานบางส่วนให้กับประเภทของตัวเลือก ไม่มีอะไรน่าพิศวงเกี่ยวกับเขา เศษกลิ่นเหม็นก็เป็นหนึ่งในตัวมันเอง วิธีที่มีประโยชน์ keruvannya โดยเนื้อหาด้านข้าง ด้วยความช่วยเหลือ คุณสามารถโต้ตอบกับผู้ที่เหมือนจริงได้ องค์ประกอบ HTML. เก้าคือตัวเลือก 7 ประเภท:

  • สำหรับแท็ก
  • สำหรับชั้นเรียน
  • สำหรับ ID;
  • สากล;
  • คุณลักษณะ;
  • สำหรับการโต้ตอบกับคลาสหลอก
  • สำหรับองค์ประกอบหลอก keruvannya

ไวยากรณ์นั้นง่าย หากต้องการเรียนรู้วิธี vikoristovuvati ก็เพียงพอที่จะอ่านเกี่ยวกับพวกเขา ตัวเลือกใดดีกว่าที่จะเลือกควบคุมเนื้อหาในใจของคุณ มาลองทำความรู้จักกัน

แท็กตัวเลือก

นี่เป็นตัวเลือกที่ง่ายกว่าซึ่งไม่ต้องการความรู้พิเศษสำหรับการบันทึก ในการใช้แท็ก จำเป็นต้อง vikoristovuvat ชื่อของพวกเขา สมมติว่า "ส่วนหัว" ของไซต์ของคุณกลายเป็นแท็ก

. ในการล้อม CSS คุณต้องปรับแต่งตัวเลือก header()

พลังบวก - ความเรียบง่าย vikoristannya เก่งกาจ

Nedoliki - povna vіdsutnіstgnuchkostі แอปนี้จะมีแท็กส่วนหัวทั้งหมดแสดงในแถว และสิ่งที่จำเป็นในการเครูบเพียงอย่างเดียว?

ชั้นเลือก

ตัวเลือกที่กว้างที่สุด การนัดหมายสำหรับแท็ก keruvannya ด้วยแอตทริบิวต์ class สมมติว่ารหัสของคุณมีสามช่วงตึก

สำหรับสกิน s จำเป็นต้องตั้งค่าสีร้องเพลง เป็นยังไงบ้าง robiti? ตัวเลือก CSS มาตรฐานไม่ติดตามแท็ก พวกเขาระบุพารามิเตอร์ของบล็อกทั้งหมดในแถว ขออนุญาต. กำหนดองค์ประกอบให้กับชั้นเรียน ตัวอย่างเช่น div ตัวแรกมี class='red' อีกตัวมี class='blue' และตัวที่สามมี class='green' ตอนนี้คุณสามารถเลือกตาราง CSS เพิ่มเติมได้แล้ว

ไวยากรณ์มีดังนี้: ระบุจุด (".") หลังจากนั้นฉันเขียนชื่อคลาส Shchob cheruvati บล็อกแรก การออกแบบ vikoristovuemo อื่นๆ - .blue และอื่นๆ

สำคัญ!ขอแนะนำให้คุณเข้าใจความหมายของแอตทริบิวต์คลาส ด้วยน้ำเสียงที่สกปรก การใช้การทับศัพท์ (เช่น krasiviy-blok) หรือ vipadkovy ผสมตัวอักษร/ตัวเลข (ojfh834871) เป็นที่นับถือ ด้วยรหัสดังกล่าว คุณจะสับสน ดูเหมือนว่าจะไม่เกี่ยวกับผู้ที่ติดขัดในโครงการหลังจากที่คุณประสบปัญหาบางอย่าง ตัวเลือกที่เหมาะสมที่สุด- Vykoristovuvaty เป็นวิธีการเพื่อประโยชน์ของ BEM

พลังบวก - ทำให้หัวของคุณสูง

Nedoliki - ที่kіlkoh elementіv อาจอยู่ในชั้นเดียวกันจากนั้นกลิ่นเหม็นจะ redaguvatimutsya ทันที ปัญหาเกิดจากวิธีการที่ลดลง เช่นเดียวกับการลดลงของพรีโปรเซสเซอร์ Obov'yazkovo เชี่ยวชาญน้อยกว่า sass หรือตัวประมวลผลล่วงหน้าอื่น ๆ กลิ่นเหม็นยกโทษให้หุ่นยนต์

ตัวเลือกที่มี ID

สำหรับตัวแปรใดๆ ความคิดของผู้ร่างและโปรแกรมเมอร์นั้นคลุมเครือ ผู้ช่วยDeyakіcssvzagali ไม่แนะนำ vikoristovuvatiรหัส,เศษชิ้นส่วนที่มีกลิ่นเหม็นผิดปกติอาจทำให้เกิดปัญหาเกี่ยวกับการเน่าเปื่อยได้ อย่างไรก็ตาม รายการโปรดจำนวนมากถูกจัดเรียงอย่างแข็งขันในทุกทิศทาง เวริสุวัตร คุณ. ไวยากรณ์เป็นดังนี้: สัญลักษณ์ ґrat ("# ”), Potim im'ya บล็อก ตัวอย่างเช่น,#สีแดง.

รหัสขึ้นอยู่กับคลาสสำหรับจำนวนพารามิเตอร์ อย่างแรก ด้านข้าง คุณไม่สามารถมีสองตัวที่เหมือนกันได้รหัสเราถูกกำหนดชื่อเฉพาะ ในอีกทางหนึ่ง ตัวเลือกดังกล่าวอาจมีลำดับความสำคัญสูงกว่า Tse หมายความว่าคุณสามารถกำหนดคลาสให้กับบล็อกได้สีแดงและเข้าสู่ตารางcssสีแดงแล้วกำหนด youmaรหัสสีฟ้าหากคุณเปลี่ยนสีฟ้า บล็อกจะกลายเป็นสีน้ำเงิน

ความรู้สึกเชิงบวก - คุณสามารถปรับแต่งได้ด้วยองค์ประกอบเฉพาะ โดยไม่ต้องเสียสละสไตล์สำหรับแท็กและคลาส

Nedoliki - มันง่ายที่จะหลงทางที่kіlkostที่ยิ่งใหญ่รหัสіระดับ.

สำคัญ!คุณเคารพวิธีการของ BEM อย่างไร (หรือสิ่งที่คล้ายคลึงกัน)รหัสคุณ zahalom ไม่ต้องการ เทคนิคการจัดวางแบบนี้สามารถพบได้ในคลาสเฉพาะต่างๆ ซึ่งมีความสมบูรณ์ยิ่งขึ้น

ตัวเลือกสากล

ไวยากรณ์: เครื่องหมายดอกจัน ("*") และโค้งโค้ง tobto *{}.

ชัยชนะสำหรับการรับรู้คุณสมบัติการร้องเพลงเพียงครั้งเดียวต่อองค์ประกอบทั้งหมดของด้านข้าง คุณจะโชคดีได้เมื่อไหร่? ตัวอย่างเช่น ถ้าคุณต้องการตั้งค่าด้านพลังงานขนาดกล่อง: border-box.เป็นไปได้ที่จะ vikoristovuvatis ไม่เพียง แต่สำหรับส่วนประกอบทั้งหมดของเอกสารเท่านั้น แต่ยังรวมถึงการควบคุมองค์ประกอบย่อยทั้งหมดของบล็อกหลักด้วยเช่นdiv*().

Perevagi - คุณสามารถ keruvati kіlkistyuที่ดีองค์ประกอบในครั้งเดียว

Nedoliki - ตัวเลือกที่ยืดหยุ่นไม่เพียงพอ นอกจากนี้ตัวเลือกของตัวเลือกนี้ช่วยปรับปรุงการทำงานของด้านข้างในบางวิธี

เบื้องหลังแอตทริบิวต์

ให้ความสามารถในการเครูบองค์ประกอบจากแอตทริบิวต์เฉพาะ ตัวอย่างเช่น คุณมีแท็กอินพุตสองสามแท็กที่มีประเภทแอตทริบิวต์ต่างกัน หนึ่งในนั้นคือข้อความ อีกอันคือรหัสผ่าน และอันที่สามคือตัวเลข แน่นอน คุณสามารถตั้งค่า ID คลาสของสกินได้ แต่ไม่ต้องป้อนด้วยตนเอง ตัวเลือก CSS ที่อยู่เบื้องหลังแอตทริบิวต์ช่วยให้คุณสามารถระบุค่าสำหรับแท็กเพลงได้อย่างแม่นยำสูงสุด ตัวอย่างเช่น แกนคือ:

ป้อนข้อมูล()

ตัวเลือกแอตทริบิวต์นี้เลือกการป้อนข้อความประเภททั้งหมด

เครื่องมือในการทำมันแย่มาก คุณสามารถเอาชนะมันด้วยแท็กอะไรก็ได้ เช่น คุณสามารถดูการมีอยู่ของแอตทริบิวต์ และยังไม่หมด! ด้วยข้อกำหนด CSS คุณสามารถควบคุมองค์ประกอบการนำทางได้อย่างง่ายดาย!

เห็นได้ชัดว่า ด้านข้างของคุณมีการป้อนข้อมูลด้วยแอตทริบิวต์ placeholder="Enter name" และ input placeholder="Enter password" คุณสามารถเลือกได้ด้วยความช่วยเหลือจากตัวเลือก! การก่อสร้างแห่งชัยชนะกำลังมาถึงใคร:

อินพุต () หรืออินพุต

อาจเป็นหุ่นยนต์กินจุที่มีคุณสมบัติ สมมติว่าคุณมีแท็กจำนวนมากที่มีแอตทริบิวต์ชื่อคล้ายกัน (เช่น "แคสเปี้ยน" และ "แคสเปี้ยน") หากต้องการเลือกคำสบประมาท vikoristovuєmo ตัวเลือกดังกล่าว:

CSS เลือกองค์ประกอบทั้งหมด สำหรับชื่อเรื่องใดๆ є สัญลักษณ์ "แคสเปียน" นั่นคือ "แคสเปี้ยน" และ "แคสเปี้ยน"

คุณยังสามารถเลือกแท็ก ซึ่งแอตทริบิวต์จะขึ้นอยู่กับสัญลักษณ์การร้องเพลง:

หรือลงท้ายด้วย:

{}.

Perevagi - ความยืดหยุ่นสูงสุด คุณสามารถเลือกได้หรือไม่ว่าองค์ประกอบสำคัญของด้านจะไม่เหมือนกันกับชั้นเรียน

Nedoliki - vikoristovuetsya ไม่ค่อยเห็นคุณค่า น้อยกว่าใน vipadkah เฉพาะ เวอร์สตัลนิคอฟจำนวนมากให้ความสำคัญกับวิธีการ เศษส่วนระบุคลาสได้ง่ายขึ้น ลดเครื่องหมายตัวเลข "เท่ากัน" นอกจากนี้ ตัวเลือกเหล่านี้จะไม่ทำงานบนอินเทอร์เน็ต รุ่น Explorer 7 และต่ำกว่า แน่นอน, ใครต้องการ Internet Explorer เก่าในแต่ละครั้ง?

ตัวเลือกระดับหลอก

Pseudo-class กำหนดสถานะขององค์ประกอบ ตัวอย่างเช่น :hover - รายการที่ปรากฏอีกด้านหนึ่งเมื่อคุณวางเมาส์เหนือเคอร์เซอร์ :visited - ดูข้อความ ซึ่งรวมถึงองค์ประกอบ xtalt: ลูกคนแรก i: ลูกคนสุดท้าย

ตัวเลือกประเภทนี้ใช้งาน zastosovuetsya ในเวอร์ชั่นสมัยใหม่ oskolki zavdyaki ใหม่สามารถ sprobit ด้าน "สด" โดยไม่ต้อง zastosuvannya JavaScript ตัวอย่างเช่น คุณต้องการทำงานในลักษณะที่เมื่อคุณวางเมาส์เหนือปุ่มที่มีคลาส btn สีจะเปลี่ยนไป สำหรับ vicorist การก่อสร้างดังกล่าวเป็นไปได้:

ปุ่ม: เลื่อน (

สีพื้นหลัง: สีแดง

เพื่อความสวยงามคุณสามารถระบุพลังของการเปลี่ยนแปลงในพลังหลักของปุ่มได้เช่นใน 0.5 วินาที - ในกรณีนี้ปุ่มของเวลาสีดำไม่ใช่นวม แต่ยืดออกไปหนึ่งวินาที

Perevags ได้รับการพิสูจน์อย่างแข็งขันสำหรับ "การฟื้นฟู" ของด้านข้าง ขอโทษที่ยืนนิ่ง

Nedoliki - ไม่มีเลย Tse จริง zruchny zasib อย่างไรก็ตาม นักเรียงพิมพ์ที่โง่เขลาอาจหลงทางในคลาสปลอมจำนวนมากได้ ปัญหาจะแก้ไขได้ด้วยการเรียนรู้และฝึกฝน

ตัวเลือกองค์ประกอบหลอก

"องค์ประกอบหลอก" - นี่คือส่วนของหน้าไม่มีใน HTML แต่สามารถบิดได้ทั้งหมด คุณไม่เข้าใจอะไรเลยเหรอ? ทุกอย่างง่ายขึ้น มันง่ายขึ้น ตัวอย่างเช่น คุณต้องการเพิ่มตัวอักษรตัวแรกในแถวของตัวอักษรตัวใหญ่และสีแดง โดยปล่อยให้ข้อความอื่นตัวเล็กและสีดำ เห็นได้ชัดว่าคุณสามารถใส่ตัวอักษรนี้ลงในคลาสร้องเพลงได้ แต่มันน่าเบื่อและน่าเบื่อ ง่ายต่อการดูย่อหน้าและเน้น pseudo-element::first-letter Vin ให้ความสามารถในการ cherubate ด้วยรูปลักษณ์ที่คุ้นเคยของตัวอักษรตัวแรก

จำเป็นต้องเสร็จสิ้นองค์ประกอบเทียมจำนวนมาก Pererahuvati їхที่ขอบของ statti หนึ่งไม่น่าจะหายไป คุณสามารถค้นหาข้อมูลที่แน่นอนในระบบค้นหาที่คุณชื่นชอบ

ความรู้สึกเชิงบวก - เพื่อให้โอกาสในการ gnuchko nalashtovuvat zvnіshnіshnіshnіshіด้าน vglyad

Nedoliki - มือใหม่มักจะหลงทาง ตัวเลือกประเภทนี้จำนวนมากใช้งานไม่ได้ในเบราว์เซอร์อื่น

P_dvedemo p_dbag

ตัวเลือกคือความพยายามที่จะควบคุมการไหลของเอกสาร Zavdyaki youmu สามารถเลือกส่วนประกอบของผิวหนังด้านข้างได้อย่างแน่นอน (navit іsnuyuchiyมีจิตใจน้อยกว่า) Obov'yazkovo vychit ใช้ตัวเลือกnayavnіหรือจดїх นี่เป็นสิ่งสำคัญอย่างยิ่ง เมื่อคุณสร้างด้านพับที่มีการออกแบบที่ทันสมัยและองค์ประกอบแบบอินเทอร์แอกทีฟจำนวนมาก

ตัวเลือกสากลของ CSS อาจเป็นวิธีที่ง่ายที่สุดในการทำความเข้าใจ ดังนั้นคุณจึงรู้ว่าสไตล์จะติดอยู่กับองค์ประกอบทั้งหมดโดยไม่มีการตำหนิ ตัวเลือกสากลประกอบด้วยเครื่องหมายเดียวเท่านั้น - a zirochka (*) ไวยากรณ์ที่ไม่เหมาะสมคือ:

* { พลัง: ความหมาย; พลัง: ความหมาย; ... )

ตัวอย่างการเปลี่ยนแปลงของ CSS universal selector

ตัวเลือกสากล

วรรค 1

วรรค 2

วรรค 3

ผลลัพธ์ในเบราว์เซอร์

วรรค 1

วรรค 2

วรรค 3

สำหรับก้นนี้ ฟิลด์ถูกรีเซ็ตเป็นศูนย์ และเฟรมขององค์ประกอบด้านข้างได้รับการจัดระเบียบ ต้องการอะไรอีก ดังที่คุณทราบแล้วจากบทเรียน HTML-Elementi บางส่วนที่อยู่ด้านหลังส่วนหัวมีความหมายเหมือนกันของพลังบางอย่าง ตัวอย่างเช่น ในย่อหน้าของราคาของระยะขอบบนและล่างของพื้นที่ว่างที่ไม่เป็นศูนย์ ในกรณีของเฟรมภาพไซลัน เป็นต้น เอลไม่ใช่ทุกอย่างจะง่ายนักในสิ่งที่อยู่ในนั้น เบราว์เซอร์ที่แตกต่างกันการรดน้ำ rozmir tsikh สามารถ deshcho vіdіznyatisyaและdeyakіเมื่อนานมาแล้วไม่ได้กำหนดกรอบสำหรับ zamovchuvannyam ที่ silan-images แต่ไกลจากทุกสิ่งที่เป็นไปได้

ดังนั้นแกน verstalnikov จำนวนมาก (และคุณเรียนรู้ที่จะ verst ทันที) สร้างสิ่งที่เรียกว่า "Skidannya สไตล์ CSS" เพื่อให้บน cob ของตารางสไตล์พวกเขารีเซ็ตค่า CSS ที่เป็นไปได้ทั้งหมดที่เป็นไปได้ จากนั้นเพิ่มสไตล์ให้กับองค์ประกอบในกระบวนการ แต่แน่นอนว่ามีค่าของตัวเองด้วย ด้วยวิธีนี้ คุณจะมั่นใจได้ว่าด้าน HTML จะมีลักษณะเหมือนกันในทุกเบราว์เซอร์

บ่อยกว่านั้นสำหรับการทิ้งสไตล์ ตัวเลือกสากลก็หยุดนิ่งเช่นกัน หากคุณต้องการใช้มันเพื่อประโยชน์ของมัน คุณเพียงแค่ต้องแทนที่แท็กตัวเลือกผ่านคนอื่น มิฉะนั้นก็อย่าเอาชนะรายการแบบเลื่อนลง อาศัยความเคารพของตนเอง robitimete คุณเป็นอย่างไร - virishuvati สำหรับคุณเท่านั้น แต่ในกรณีใด ๆ ยังเร็วเกินไปที่จะคิดเกี่ยวกับเรื่องนี้ และให้แน่ใจว่าในบางครั้งคุณเองจะพัฒนารูปแบบการเขียนของคุณเอง (เสียงสำหรับถ้อยคำซ้ำซาก) ดังนั้นอย่าหลงกลกับมัน

การบ้าน.

ฉันไม่สนใจเกี่ยวกับการบ้านของ universal selector เพราะทุกอย่างชัดเจนอยู่แล้วที่นี่ ดังนั้นฉันจะดูแลเรื่องอื่นๆ อีกสองสามอย่าง

  1. เปลี่ยนสไตล์ของแท็กในลักษณะที่ vin คล้ายกับย่อหน้า พลัง Yaku ที่คุณต้องคิดด้วยตัวเอง
  2. เปลี่ยนแท็กของย่อหน้าเพื่อให้คล้ายกับแท็กของการดูเครื่องหมายคำพูดอื่นๆ
  3. แปลงแท็กจากองค์ประกอบอินไลน์เป็นองค์ประกอบบล็อก ชัยชนะเพื่ออำนาจของใคร

บางครั้งคุณจำเป็นต้องติดตั้งสไตล์เดียวสำหรับองค์ประกอบทั้งหมดของหน้าเว็บพร้อมกัน เช่น ติดตั้งฟอนต์หรือข้อความรูปภาพ ด้วยวิธีนี้ ตัวเลือกสากลจะเพิ่มเติม ซึ่งตรงกับองค์ประกอบใดๆ ของหน้าเว็บ

สำหรับค่าของตัวเลือกสากล จำเป็นต้องมีเครื่องหมายทับ (*) และไวยากรณ์จะพร้อมใช้งาน

* (คำอธิบายกฎสไตล์)

ที่ ในบางกรณี ตัวเลือกสากลไม่ใช่ obv'yazkovo ตัวอย่างเช่น บันทึก*.class และ .class เหมือนกันในผลลัพธ์

ที่ ก้น 1.50 แสดงหนึ่ง เพิ่มเติมที่เป็นไปได้ตัวเลือกสากล - เลือกแบบอักษรและขนาดข้อความสำหรับองค์ประกอบเอกสารทั้งหมด

ก้น1.50. ตัวแปรของตัวเลือกสากล

ตัวเลือกสากล