คำถามและคำตอบสัมภาษณ์ CSS ที่พบบ่อยที่สุด 40 อันดับแรก [สำหรับนักศึกษาใหม่และผู้มีประสบการณ์]
เผยแพร่แล้ว: 2021-06-10ทุกอุตสาหกรรมได้เริ่มใช้เว็บไซต์และแอปพลิเคชันเพื่อให้ทันกับโลกที่เปลี่ยนแปลงอย่างรวดเร็ว CSS เป็นส่วนที่สำคัญที่สุดในการสร้างและออกแบบเว็บไซต์ที่น่าสนใจ
ดังนั้นความต้องการนักออกแบบเว็บไซต์หรือ UI/UX ที่มีความรู้เกี่ยวกับ CSS ด้วย HTML จึงมีความสำคัญ ที่นั่น คุณไม่เพียงแค่ต้องเตรียมตัวสำหรับ คำถามสัมภาษณ์ CSS ทั่วไป คุณต้องเตรียมตัวสำหรับ คำถามสัมภาษณ์ HTML CSS ด้วยเช่นกัน การสัมภาษณ์ CSS เป็นส่วนสำคัญที่สุดในการเริ่มต้นอาชีพในฐานะนักออกแบบเว็บไซต์
ในบทความนี้ เราได้พูดถึงรายการ คำถามสัมภาษณ์ CSS ที่ถามบ่อย ที่สุด ในการสัมภาษณ์มีหัวข้อมากมายตั้งแต่ระดับพื้นฐานไปจนถึงระดับสูง และคำแนะนำในการทำความคุ้นเคยกับคำถามที่ถามเป็นสิ่งสำคัญ รายการนี้จะช่วยให้คุณเคลียร์ขั้นตอนการสัมภาษณ์และได้งานในฝัน
คำถามและคำตอบในการสัมภาษณ์ CSS ยอดนิยม
1. กำหนด CSS?
CSS ย่อมาจาก Cascading Style Sheets เป็นภาษาสไตล์ เป็นภาษาสไตล์ที่เรียบง่ายที่สุดสำหรับองค์ประกอบ HTML นอกเหนือจากการเป็นหนึ่งในภาษาการออกแบบเว็บที่ได้รับความนิยมมากที่สุดใน HTML แล้ว แอปพลิเคชันของภาษานี้ยังพบเห็นได้ทั่วไปใน XHTML
2. กล่าวถึงที่มาของ CSS?
จุดเริ่มต้นของสไตล์ชีต โดยเฉพาะ CSS คือ Standard Generalized Markup Language ในทศวรรษ 1980
3. CSS หลายรูปแบบมีอะไรบ้าง
รูปแบบต่างๆ ของ CSS คือ:
- CSS 1
- CSS2
- CSS 2.1
- CSS 3
- CSS 4
4. ระบุข้อจำกัดของ CSS?
ข้อจำกัดของ CSS คือ:
- ไม่มีการแสดงออก
- ข้อจำกัดของการควบคุมแนวตั้ง
- ขึ้นโดยตัวเลือกไม่ได้
- ไม่มีการประกาศคอลัมน์
- ไม่สามารถทำกฎ การกำหนดเป้าหมายข้อความเฉพาะ และรูปแบบได้
- พฤติกรรมแบบไดนามิกไม่ได้ควบคุม pseudo-class
5. ระบุประโยชน์ของ CSS?
ข้อดีของ CSS คือ:
- แบนด์วิดธ์
- การช่วยสำหรับการเข้าถึง
- การจัดรูปแบบหน้าใหม่
- ความสม่ำเสมอทั่วทั้งไซต์
- การแยกเนื้อหาจากการนำเสนอ
6. กำหนดกรอบงาน CSS?
เฟรมเวิร์ก CSS เป็นไลบรารีที่วางแผนไว้ล่วงหน้า ซึ่งช่วยให้ออกแบบและจัดรูปแบบหน้าเว็บได้ง่ายขึ้นและเป็นไปตามมาตรฐานโดยใช้ภาษา CSS
7. ใครเป็นผู้กำหนดข้อกำหนดของ CSS?
ข้อกำหนด CSS ได้รับการดูแลโดย World Wide Web Consortium
8. มีวิธีใดบ้างที่ CSS สามารถรวมเป็นเว็บไซต์ได้?
CSS สามารถรวมเป็นหน้าเว็บได้สามวิธี:
- อินไลน์: CSS ใช้องค์ประกอบ HTML โดยระบุรูปแบบ
- แบบฝัง: สามารถวางโค้ดภายในองค์ประกอบสไตล์ภายในองค์ประกอบส่วนหัว
- เชื่อมโยง/ นำเข้า: CSS สามารถเก็บไว้ในไฟล์ภายนอกแล้วเชื่อมโยงผ่านองค์ประกอบลิงก์
9. สไตล์ชีตภายนอกมีข้อดีและข้อเสียอะไรบ้าง?
ข้อดี:
- สามารถใช้ไฟล์เดียวเพื่อควบคุมเอกสารต่างๆ ซึ่งแต่ละไฟล์มีสไตล์ต่างกัน
- องค์ประกอบหลายอย่างของ HTML สามารถมีได้หลายเอกสาร ซึ่งสามารถมีหลายคลาสได้
- สามารถใช้สถานการณ์ การจัดกลุ่ม และวิธีการผสมในฐานะตัวเลือกเพื่อจัดกลุ่มสไตล์ได้
ข้อเสีย:
- สำหรับเอกสารที่มีข้อมูลรูปแบบที่แตกต่างกัน จำเป็นต้องดาวน์โหลดเพิ่มเติม
- ต้องดาวน์โหลดสไตล์ชีตภายนอกเพื่อจัดเตรียมเอกสาร
- ใช้ไม่ได้กับคำจำกัดความของรูปแบบขนาดเล็ก
10. ระบุข้อดีและข้อเสียของ Embedded Style Sheets?
ข้อดี:
- ไม่จำเป็นต้องดาวน์โหลดเพิ่มเติม
- ในเอกสารเดียว สามารถสร้างแท็กได้หลายประเภท
- สามารถใช้ Selector และ grouping method เพื่อนำสไตล์ไปใช้ในสถานการณ์ที่ซับซ้อนได้
ข้อเสีย::
- ไม่สามารถใช้ควบคุมเอกสารหลายชุดได้
11. ความหมายของตัวเลือก CSS คืออะไร?
ตัวเลือก CSS เป็นสตริงที่เทียบเท่ากับ HTML โดยใช้การประกาศหรือชุดของการประกาศ เป็นลิงค์ที่ใช้สำหรับวางสไตล์ชีตและ HTML ในตัวเลือก CSS
12. CSS มีสื่อประเภทใดบ้างที่อนุญาต
สื่อนำเสนอการปรับแต่งและการออกแบบของเอกสาร สามารถใช้ตัวควบคุมสื่อเพื่อดึงและใช้สไตล์ชีตภายนอกได้โดยการโหลดจากเครือข่าย
13. แยกความแตกต่างระหว่างแท็กทางกายภาพและแท็กลอจิคัล?
- แท็กตรรกะไม่มีประโยชน์สำหรับการแสดงในขณะที่แท็กจริงเป็นการมาร์กอัปในการนำเสนอ
- แท็กตรรกะเป็นเวอร์ชันเก่าและเน้นเฉพาะเนื้อหาในขณะที่แท็กจริงเป็นเวอร์ชันใหม่
เรียนรู้ หลักสูตรซอฟต์แวร์ ออนไลน์จากมหาวิทยาลัยชั้นนำของโลก รับโปรแกรม PG สำหรับผู้บริหาร โปรแกรมประกาศนียบัตรขั้นสูง หรือโปรแกรมปริญญาโท เพื่อติดตามอาชีพของคุณอย่างรวดเร็ว
14. ระบุความแตกต่างระหว่างสไตล์ชีตและ HTML หรือไม่
HTML ไม่มีสไตล์แม้ว่า HTML จะมีวิธีโครงสร้างที่ง่าย แผ่นจัดแต่งทรงผมไม่เพียงแต่นำเสนอรูปแบบ แต่ยังมีตัวเลือกการจัดรูปแบบที่ดีขึ้นและความสามารถในการเรียกดู
15. อธิบาย 'กฎเกณฑ์'?
การระบุตัวเลือกที่สามารถเชื่อมโยงกับตัวเลือกอื่นๆ ทำได้โดยชุดกฎ
16. มีความไวต่อตัวพิมพ์เล็กใน CSS หรือไม่?
ไม่มีความละเอียดอ่อนของตัวพิมพ์ใน CSS แม้ว่าตระกูลแบบอักษรและ URL จะมีความละเอียดอ่อนของตัวพิมพ์
17. ให้คำจำกัดความของบล็อกการประกาศหรือไม่
บล็อกการประกาศคือแค็ตตาล็อกของทิศทางที่ประกอบด้วยคุณสมบัติ ค่า และทวิภาคภายในวงเล็บปีกกา
18. สมัครคุณสมบัติต่าง ๆ ของฟอนต์?
พวกเขาเป็น:
- รูปแบบตัวอักษร
- Font-variant
- Font-weight
- Font-size/line-height
- ตระกูลอักษร
- คำบรรยาย
- ไอคอน
19. ทำไมการแทรกไฟล์จึงทำให้การนำเข้าเป็นเรื่องง่าย?
การนำเข้าทำให้สามารถวางคุณลักษณะของการรวมแผ่นงานภายนอกไว้ในแผ่นงานต่างๆ สามารถใช้แผ่นงานและไฟล์ต่างๆ เพื่อรับฟังก์ชันที่แตกต่างกันได้
20. ตัวเลือกคลาสมีประโยชน์อย่างไร?
ตัวเลือกคลาสคือตัวเลือกที่มีการระบุแหล่งที่มาเฉพาะสำหรับสไตล์เฉพาะ การประกาศ HTML ที่มีการเชื่อมโยงและรูปแบบสามารถทำได้ผ่านสิ่งนี้
21. ตัวเลือกคลาสและตัวเลือก ID แตกต่างกันอย่างไร?
ตัวเลือก ID จะเลือกองค์ประกอบเดียวที่แตกต่างจากองค์ประกอบอื่นๆ ในขณะที่ตัวเลือกคลาสจะเลือกบล็อกโดยรวม องค์ประกอบบางครั้งอาจมีทั้งคลาสและ ID ID นั้นไม่ซ้ำกัน แต่คลาสไม่ใช่
22. คุณสามารถเพิ่มมากกว่าหนึ่งการประกาศใน CSS ได้หรือไม่?
อัฒภาคสามารถใช้เพื่อเพิ่มการประกาศมากกว่าหนึ่งรายการใน CSS
23. องค์ประกอบหลอกคืออะไร?
องค์ประกอบหลอกเพิ่มเอฟเฟกต์พิเศษหลายอย่างให้กับตัวเลือก CSS ใช้รูปแบบต่างๆ ในการมาร์กอัป HTML แต่บางครั้ง การจัดรูปแบบเพิ่มเติมหรือมาร์กอัปในเอกสารไม่สามารถทำได้ นี่คือเมื่อมีการใช้คุณลักษณะที่เรียกว่าองค์ประกอบหลอกซึ่งมีอยู่ใน CSS อนุญาตให้ใส่สไตล์หรือมาร์กอัปเพิ่มเติมโดยไม่รบกวนหรือแก้ไขเอกสารจริง
24. จะลบล้างการขีดเส้นใต้ไฮเปอร์ลิงก์ได้อย่างไร
การขีดเส้นใต้ไฮเปอร์ลิงก์สามารถแทนที่ได้โดยใช้สไตล์ชีตภายนอกและคำสั่งควบคุม
25. CSS สามารถช่วยในการคืนค่าคุณสมบัติเริ่มต้นได้หรือไม่?
ใน CSS เนื่องจากไม่มีค่าเริ่มต้น จึงไม่สามารถเปลี่ยนกลับเป็นค่าเก่าได้ ต้องประกาศคุณสมบัติอีกครั้งเพื่อรับคุณสมบัติเริ่มต้นกลับคืนมา
ระบุประเภทสื่อที่ใช้ใน CSS หรือไม่
สื่อต่างๆ มีคุณสมบัติที่แตกต่างกันใน CSS เนื่องจากไม่คำนึงถึงขนาดตัวพิมพ์
พวกเขาเป็น:
- Aural (สำหรับเครื่องสังเคราะห์เสียงพูดและสังเคราะห์เสียง)
- พิมพ์
- การฉายภาพ
- มือถือ
- หน้าจอ
27. กำหนด CSS Box Model และระบุองค์ประกอบหรือไม่
โมเดลกล่อง CSS กำหนดเค้าโครงและการออกแบบองค์ประกอบทั้งหมดของ CSS ซึ่งรวมถึง: ระยะขอบ ขอบ ช่องว่างภายใน และเนื้อหา
28. ตัวเลือกตามบริบทคืออะไร?
ตัวเลือกตามบริบทใช้เพื่อเลือกเหตุการณ์พิเศษขององค์ประกอบ
29. เปรียบเทียบรหัสสีฐานสิบหกกับค่า RGB?
สีสามารถให้รายละเอียดได้สองวิธี:
- โดยอักขระ เช่น การเขียนโค้ดสีแบบเลขฐานสิบหกด้วยตัวอักษรและตัวเลขที่นำหน้าด้วย #
- โดยผสมสีน้ำเงิน เขียว และแดง โดยสามารถระบุค่าของสีได้
30. กำหนดสไปรท์รูปภาพพร้อมบริบทของ CSS หรือไม่
Image Sprites เป็นกระบวนการของการทำงานร่วมกันหลายภาพเป็นภาพเดียว ช่วยลดเวลาในการโหลดภาพและให้ข้อมูลได้รวดเร็วยิ่งขึ้น
31. เปรียบเทียบการจัดกลุ่มและการทำรังใน CSS?
การจัดกลุ่ม: ในการจัดกลุ่ม โค้ดสามารถลดลงได้โดยการจัดกลุ่มตัวเลือกที่มีคุณสมบัติหรือค่าเดียวกัน
การซ้อน: ในการซ้อน ตัวเลือกจะถูกระบุภายในตัวเลือกอื่น
32. จะกำหนดขนาดขององค์ประกอบได้อย่างไร?
คุณสมบัติมิติขององค์ประกอบสามารถกำหนดได้โดย:
- ส่วนสูง
- ความสูงสูงสุด
- ความกว้างสูงสุด
- ความสูงต่ำสุด
- ความกว้างต่ำสุด
- ความกว้าง
33. คุณสมบัติลอยคืออะไร?
การใช้คุณสมบัติ float รูปภาพสามารถย้ายพร้อมกับข้อความไปทางขวาหรือทางซ้ายได้ การใช้คุณสมบัตินี้ไม่เปลี่ยนคุณสมบัติขององค์ประกอบที่ใช้
34. ดัชนี Z ทำงานอย่างไร?
บางครั้ง การวางตำแหน่งขององค์ประกอบ HTML โดยใช้ CSS อาจเกิดการทับซ้อนกันได้ ดัชนี Z ช่วยในการระบุและระบุองค์ประกอบที่ทับซ้อนกัน ค่าเริ่มต้นของดัชนี Z คือศูนย์ แต่อาจเป็นจำนวนบวกหรือลบก็ได้
36. ข้อใดเป็นแบบอย่าง: โพรซีเดอร์ HTML หรือคุณสมบัติ CSS?
คุณสมบัติ CSS มีความสำคัญเหนือขั้นตอน HTML แม้แต่เบราว์เซอร์ที่ไม่รองรับ CSS ก็แสดงแอตทริบิวต์ HTML
37. กำหนดรูปแบบอินไลน์?
สไตล์อินไลน์ใช้กับแต่ละองค์ประกอบของ HTML เพื่อเพิ่มสไตล์
38. ใน CSS จะเพิ่มความคิดเห็นได้อย่างไร?
/* และ */ สามารถใช้เพื่อเพิ่มความคิดเห็นใน CSS
39. ตัวเลือกแอตทริบิวต์คืออะไร?
ตัวเลือกแอตทริบิวต์คือชุดของค่า องค์ประกอบ และส่วนประกอบ
40. กำหนดคุณสมบัติ?
คุณสมบัติเป็นลักษณะที่ช่วยในการมีอิทธิพลต่อภาษา CSS มีคุณสมบัติหรือค่าที่สอดคล้องกันอยู่ภายใน เช่น. ฟอนต์ที่มีสไตล์ต่างกัน เช่น ตัวเอียง ตัวหนา ฯลฯ
41. กฎเกณฑ์คืออะไร?
At-rule เป็นกฎที่ใช้กับทั้งแผ่นงานและไม่ใช่บางส่วน นำหน้าด้วย @ ตามด้วย AZ, az หรือ 0-9
42. ความแตกต่างระหว่าง CSS และ CSS3 คืออะไร?
CSS ไม่มีแนวคิดเกี่ยวกับโมดูล CSS3 รวมคุณลักษณะใหม่ที่สามารถจัดกลุ่มโค้ด CSS เป็นโมดูลที่สะดวก โมดูลช่วยให้มั่นใจได้ว่าสไตล์ทั้งหมดสำหรับองค์ประกอบเฉพาะจะอยู่ในที่เดียว ตรวจสอบบทความนี้สำหรับคำตอบโดยละเอียด
บทสรุป
ชุด คำถามสัมภาษณ์ CSS นี้จะช่วยคุณอย่างมากในการเตรียมตัวสำหรับการสัมภาษณ์ CSS คำถามเหล่านี้เป็นคำถามที่มีความเป็นไปได้สูงและมักถูกถามใน viva ตรวจสอบให้แน่ใจว่าคุณมีคำตอบเหล่านี้พร้อมในกรณีที่ผู้สัมภาษณ์ถามคำถามเหล่านี้
หากคุณต้องการเตรียมตัวให้พร้อมสำหรับการสัมภาษณ์ครั้งนี้ หลักสูตรอย่าง Executive PG Program in Software Development- Specialization in Full Stack Development อาจช่วยคุณได้ คุณยังสามารถเลือกใช้โปรแกรมพัฒนาซอฟต์แวร์อื่นๆ จาก upGrad ได้ เนื่องจากโปรแกรม ดังกล่าวจะช่วยเตรียมคุณให้พร้อมสำหรับ คำถามสัมภาษณ์ HTML CSS ได้ดียิ่ง ขึ้น