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

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: CSS การใช้งาน Selectors (element Selector)

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

by thitikorn_lp » 11/02/2015 3:12 pm

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

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

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

Code: Select all

p {
  text-align: center;
  color: blue;
  } 
เป็นการกำหนดโดยให้ element ที่เราต้องการ ในที่นี้คือ <p> ทุกตัวเปลี่ยนรูปแบบตามที่เรากำหนด ผลที่จะได้คือตำแหน่งของข้อความที่ใช้แท็ก <p> จะอยู่ตรงกลาง และ ตัวหนังสือจะมีสีแดง

ตัวอย่างการนำไปใช้

Code: Select all

<!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 383 times

Top