โดย thitikorn_lp » 11/02/2015 3:12 pm
CSS การเรียกใช้งาน element Selector
Selector จะทำให้เราสามารถเลือกได้ว่าต้องการจะจัดการกับองค์ประกอบในหน้า HTML ของเราได้อย่างไร ต้องการกำหนดรูปแบบที่ตรงไหน ในตอนนี้จะเป็นการกำหนด selector โดยใช้ element
กำหนดโดยใช้ "ชื่อ" ของ element (element Selector)
เป็นการกำหนดโดยให้ element ที่เราต้องการ ในที่นี้คือ <p> ทุกตัวเปลี่ยนรูปแบบตามที่เรากำหนด ผลที่จะได้คือตำแหน่งของข้อความที่ใช้แท็ก <p> จะอยู่ตรงกลาง และ ตัวหนังสือจะมีสีแดง
ตัวอย่างการนำไปใช้
โค้ด: เลือกทั้งหมด
<!DOCTYPE html>
<html>
<head>
<style>
p {
text-align: center;
color: blue;
}
</style>
</head>
<body>
<h2>MindPHP</h2>
<p>MindPHP</p>
</body>
</html>
ผลที่ได้
- 2015-02-11_14-37-22.png (13.75 KiB) Viewed 1416 times
[b][size=150][color=#4000FF]CSS การเรียกใช้งาน element Selector[/color][/size][/b]
Selector จะทำให้เราสามารถเลือกได้ว่าต้องการจะจัดการกับองค์ประกอบในหน้า HTML ของเราได้อย่างไร ต้องการกำหนดรูปแบบที่ตรงไหน ในตอนนี้จะเป็นการกำหนด selector โดยใช้ element
[color=#BF00BF][size=130]กำหนดโดยใช้ "ชื่อ" ของ element (element Selector)[/size][/color]
[code]p {
text-align: center;
color: blue;
} [/code]
เป็นการกำหนดโดยให้ element ที่เราต้องการ ในที่นี้คือ <p> ทุกตัวเปลี่ยนรูปแบบตามที่เรากำหนด ผลที่จะได้คือตำแหน่งของข้อความที่ใช้แท็ก <p> จะอยู่ตรงกลาง และ ตัวหนังสือจะมีสีแดง
ตัวอย่างการนำไปใช้
[code]
<!DOCTYPE html>
<html>
<head>
<style>
p {
text-align: center;
color: blue;
}
</style>
</head>
<body>
<h2>MindPHP</h2>
<p>MindPHP</p>
</body>
</html>
[/code]
ผลที่ได้
[attachment=0]2015-02-11_14-37-22.png[/attachment]