แบบทดสอบหลังเรียนหน่วยที่ 9 Cascading Style Sheets (CSS)

selector {value: attribute;}

value {selector: attribute;}

selector {attribute: value;}

attribute {selector: value;}

<style tyle="text/css">คำสั่ง CSS </style>    

<tag style="attribute: value; attribute: value; . . .">

<link rel="stylesheet" type="text/css" href="ตำแหน่งไฟล์.css">

ถูกทุกข้อ

<tag style="attribute: value; attribute: value; . . .">

<link rel="stylesheet" type="text/css" href="ตำแหน่งไฟล์.css">

<style tyle="text/css">คำสั่ง CSS </style>

ถูกทุกข้อ

<link rel="stylesheet" type="text/css" href="ตำแหน่งไฟล์.css">

<style tyle="text/css">คำสั่ง CSS </style>    

<tag style="attribute: value; attribute: value; . . .">  

ถูกทุกข้อ

#topic {font-weight: bold;}

.dept {color: #504f50;}

tagName {attribute: value; }

<p id="topic"> Cascading Style Sheets (CSS)</p>

<p id="topic"> Cascading Style Sheets (CSS)</p>

tagName {attribute: value; }

a {color: #504f50;}

base{font-weight: bold;}

base{font-weight: bold;}

เป็นการระบุ Selector ด้วยชื่อแท็กคำสั่ง

ใช้ระบุแท็กเดียวภายในเว็บเพจเท่านั้น

เป็นการเลือก Selector ให้มีการเปลี่ยนแปลงสไตล์ได้มากกว่าหนึ่งแท็ก

ข้อความ Information เป็นตัวหนาและเอียง

ข้อความ Information เป็นสีแดง ตัวหนาและเอียง

ข้อความ Technology เป็นสีแดง

ข้อความ Technology เป็นสีแดง ตัวหนาและเอียง

เป็นการระบุ Selector ด้วย id Attribute

เป็นการระบุ Selector แบบผสมชื่อแท็กและ class

เป็นการระบุถึงแท็กที่อยู่ภายในแท็กเฉพาะอีกที

เป็นการกำหนด Selector มากกว่าหนึ่งในคราวเดียวกัน

การระบุ Selector แบบรวมกลุ่ม

การระบุ Selector แบบ Contextual

การระบุ Selector ด้วย class Attribute

การระบุ Selector ด้วยชื่อแท็ก