แบบทดสอบก่อนเรียน เรื่อง การตกแต่งเว็บไซต์ด้วย CSS
Quiz
•
Computers
•
10th - 12th Grade
•
Practice Problem
•
Hard
KruArt SonCom
Used 7+ times
FREE Resource
Enhance your content in a minute
10 questions
Show all answers
1.
MULTIPLE CHOICE QUESTION
2 mins • 1 pt
ข้อใดต่อไปนี้กล่าวถึง CSS ได้ถูกต้องที่สุด
CSS คือ คุณลักษณะที่ใช้ตกแต่งเอกสาร HTML ในลักษณะต่าง ๆ เช่น สี พื้นหลัง เส้นขอบ ขนาด โครงร่าง หรือตัวอักษร
CSS ประกอบด้วย Selector และ Property
CSS เป็นคำสั่งที่ใช้จัดรูปแบบเอกสารเว็บเพจในลักษณะต่าง ๆ เช่น สี พื้นหลัง เส้นขอบ ขนาด โครงร่าง หรือตัวอักษร
CSS ถูกพัฒนามาตั้งแต่ปี 1998 ปัจจุบันคือเวอร์ชันที่ 3
2.
MULTIPLE CHOICE QUESTION
3 mins • 1 pt
จากภาพไวยกรณ์ของ CSS จงเลือกคำตอบที่ตรงกับตัวเลข 1 2 และ 3 ตามลำดับ
1 คือ Selector
2 คือ Value
3 คือ Property
1 คือ Property
2 คือ Value
3 คือ Selector
1 คือ Property
2 คือ Selector
3 คือ Value
1 คือ Selector
2 คือ Property
3 คือ Value
3.
MULTIPLE CHOICE QUESTION
2 mins • 1 pt
หากต้องการกำหนดให้ <div> ในหน้าเอกสาร HTML มีข้อความสีเขียว จะต้องเขียนคำสั่ง CSS อย่างไร
div{
color: green;
}
div{
background-color: green;
}
div{
green: color;
}
div{
font: green;
}
4.
FILL IN THE BLANK QUESTION
5 mins • 1 pt
จากโครงสร้าง CSS ต่อไปนี้
p{
_________: right;
}
หากต้องการกำหนดให้ข้อความของ <p> ในหน้าเอกสาร HTML อยู่ชิดขวาของหน้าเพจ นักเรียนควรเติม Property ของ CSS ใดในช่องว่าง _________
5.
MULTIPLE CHOICE QUESTION
2 mins • 1 pt
จากอิลิเมนต์ HTML ต่อไปนี้
<p class="red-text">การตกแต่งเว็บไซต์ด้วย CSS</p>
<p class="green-text">การตกแต่งเว็บไซต์ด้วย CSS</p>
<p class="blue-text">การตกแต่งเว็บไซต์ด้วย CSS</p>
หากต้องการกำหนดให้ข้อความใน <p> ที่มี class="blue-text" มีสีน้ำเงินและจัดตำแหน่งให้อยู่กึ่งกลาง โดยใช้ CSS Class selector จะเขียน CSS ได้อย่างไร
.bluetext p{
color: blue;
text-align: center;
}
.blue-text{
text-color: blue;
align: center;
}
p.blue-text{
color: blue;
text-align: center;
}
p.blue-text{
text-color: blue;
align: center;
}
6.
MULTIPLE CHOICE QUESTION
2 mins • 1 pt
จากอิลิเมนต์ HTML ต่อไปนี้
<div id="green">CSS class selector</div>
หากต้องการกำหนดให้ข้อความใน <div> มีสีเขียวและจัดตำแหน่งให้อยู่ชิดซ้าย จะเขียน CSS id selector ได้อย่างไร
.green{
text-color: green;
text-align: left;
}
#green{
color: green;
text-align: left;
}
.green{
text-color: green;
align: left;
}
#green{
text-color: green;
text-align: left;
}
7.
FILL IN THE BLANK QUESTION
5 mins • 1 pt
ภาณุต้องการกำหนดให้ <div> มีพื้นหลังสีเหลือง นักเรียนลองช่วยภาณุเติมคำสั่ง CSS ต่อไปนี้ให้สมบูรณ์
div{
__1__: yellow;
}
Access all questions and much more by creating a free account
Create resources
Host any resource
Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever
or continue with

Microsoft
%20(1).png)
Apple
Others
Already have an account?
Similar Resources on Wayground
10 questions
Canva เบื้องต้น
Quiz
•
9th - 12th Grade
15 questions
kuis tools coreldraw
Quiz
•
10th Grade
10 questions
ว30285-ทดสอบเรื่องคำสั่งแบบเงื่อนไข
Quiz
•
10th Grade
15 questions
Pretest Aplikasi Pengolah Angka
Quiz
•
10th Grade
10 questions
ป.5 แบบทำสอบหลังเรียน เรืองข้อมูลและสารสนเทศ
Quiz
•
10th Grade
15 questions
Problem Solving : Design Solution
Quiz
•
12th Grade
10 questions
Python with DataScience
Quiz
•
7th Grade - University
14 questions
Instlasi Software Aplikasi
Quiz
•
10th Grade
Popular Resources on Wayground
15 questions
Fractions on a Number Line
Quiz
•
3rd Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
22 questions
fractions
Quiz
•
3rd Grade
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
15 questions
Equivalent Fractions
Quiz
•
4th Grade
20 questions
Figurative Language Review
Quiz
•
6th Grade
