CSS การใช้งาน Selectors (element Selector)

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

thitikorn_lp
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 677
ลงทะเบียนเมื่อ: 28/07/2014 10:24 am

CSS การใช้งาน Selectors (element Selector)

โพสต์ที่ยังไม่ได้อ่าน โดย thitikorn_lp »

CSS การเรียกใช้งาน element Selector

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

กำหนดโดยใช้ "ชื่อ" ของ element (element Selector)

โค้ด: เลือกทั้งหมด

p {
  text-align: center;
  color: blue;
  } 
เป็นการกำหนดโดยให้ 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
2015-02-11_14-37-22.png (13.75 KiB) Viewed 1407 times
รูปภาพ
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 18