สารบัญ:

7 แหล่งข้อมูลที่มีประโยชน์สำหรับผู้ที่เรียนรู้ CSS
7 แหล่งข้อมูลที่มีประโยชน์สำหรับผู้ที่เรียนรู้ CSS
Anonim

สไตล์ชีตแบบเรียงซ้อนทำให้ HTML ที่น่าเบื่อน่าสนใจ Lifehacker ได้เลือกไซต์ภาษารัสเซียและภาษาอังกฤษ รวมถึงสารานุกรมเว็บที่จะช่วยให้คุณเข้าใจ CSS ได้ดีขึ้น

7 แหล่งข้อมูลที่มีประโยชน์สำหรับผู้ที่เรียนรู้ CSS
7 แหล่งข้อมูลที่มีประโยชน์สำหรับผู้ที่เรียนรู้ CSS

World Wide Web Consortium (W3C) ได้แนะนำเทคโนโลยี CSS (Cascading Style Sheets) ในปี 2539 ตั้งแต่นั้นมา นักพัฒนาเว็บได้ใช้สไตล์ชีตแบบเรียงซ้อนเพื่อสร้างการออกแบบเว็บไซต์ที่ไม่เหมือนใคร

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

ติดตั้งส่วนขยายของ Chrome หรือโปรแกรมเสริมของ Firefox เพื่อชมเว็บไซต์โปรดของคุณโดยไม่ต้องใช้สไตล์ชีตแบบเรียงซ้อน

สไตล์ชีตแบบเรียงซ้อน: lifehacker ที่ไม่มี CSS
สไตล์ชีตแบบเรียงซ้อน: lifehacker ที่ไม่มี CSS

การเปลี่ยนแปลงจะเป็นเรื่องที่น่าทึ่งแม้ว่าจะไม่เสมอไป ตัวอย่างเช่น ผู้รวบรวมข่าวแทบจะไม่เปลี่ยนแปลงเลย มันง่ายแค่สองและสอง อย่างไรก็ตาม มีการดูทรัพยากรมากกว่า 150 ล้านครั้งต่อเดือน

จะเรียนรู้จุดปลีกย่อยของ CSS. ได้ที่ไหน

1. HTMLbook

สไตล์ชีตแบบเรียงซ้อน: HTMLbook
สไตล์ชีตแบบเรียงซ้อน: HTMLbook

มาทำให้สอดคล้องกันและเริ่มต้นด้วยรากฐานทางทฤษฎีที่มั่นคง สำหรับเรื่องนี้ เราหันไปหา Vlad Merzhevich ผู้แต่งหนังสือและนักพัฒนาเว็บ ซึ่งดูแลทรัพยากรคุณภาพหลายประการเกี่ยวกับเลย์เอาต์และสไตล์ของหน้าเว็บ

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

2. การอ้างอิงเว็บ

สไตล์ชีตแบบเรียงซ้อน: WebReference
สไตล์ชีตแบบเรียงซ้อน: WebReference

เสนอการอ้างอิงตามตัวอักษรไปยัง CSS แต่ละพร็อพเพอร์ตี้มีคำอธิบายสั้นๆ ไวยากรณ์ และตัวอย่างสด อย่าลังเลที่จะถามคำถาม - ผู้เขียนโครงการติดต่อและอภิปรายรายละเอียดด้วยความเต็มใจ

3. การอ้างอิง CSS

สไตล์ชีตแบบเรียงซ้อน: การอ้างอิง CSS
สไตล์ชีตแบบเรียงซ้อน: การอ้างอิง CSS

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

4. รางวัลการออกแบบ CSS

Cascading Style Sheets: CSS Design Awards
Cascading Style Sheets: CSS Design Awards

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

5. CSS Zen Garden

สไตล์ชีตแบบเรียงซ้อน: CSS Zen Garden
สไตล์ชีตแบบเรียงซ้อน: CSS Zen Garden

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

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

6. CSSPlay

สไตล์ชีตแบบเรียงซ้อน: CSSPlay
สไตล์ชีตแบบเรียงซ้อน: CSSPlay

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

7. CSS Lint

สไตล์ชีตแบบเรียงซ้อน: CSS Lint
สไตล์ชีตแบบเรียงซ้อน: CSS Lint

ทำไมเราถึงต้องการของของคนอื่นถ้ามือของเราเติบโตอย่างตรงไปตรงมา? แสดงว่าจริงๆ นอกจากการตรวจสอบไวยากรณ์ CSS พื้นฐานแล้ว บริการเว็บจะตรวจสอบการปฏิบัติตามกฎที่ส่งผลต่อความเร็วในการโหลดหน้าเว็บ ผลลัพธ์ที่ได้คือ CSS ที่ดีและเป็นมิตรกับเบราว์เซอร์