การเรียกใช้ CSS แบบ Internal

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

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

ภาพประจำตัวสมาชิก
Dive Demo
PHP Sr. Member
PHP Sr. Member
โพสต์: 84
ลงทะเบียนเมื่อ: 01/02/2017 11:10 am

การเรียกใช้ CSS แบบ Internal

โพสต์โดย Dive Demo » 01/02/2017 3:24 pm

การจัดแต่งเพจด้วย CSS (Internal) คือการประกาศคำสั่งใน HTML เพื่อทำให้ให้ Tag HTML สามารถแสดงผลโดยไม่ต้องประกาศซ้ำหลายครั้งในหน้าเดิม วิธีทำเริ่มจากเขียนสคริป CSS ไว้ที่ส่วนของ <head></head> ดังนี้

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

<head>
   <style type="text/css">
   </style>
</head>

ในหัวข้อนี้จะแชร์เรื่องของการปรับแต่งตัวอักษร ดังโค้ด Ex.1
Ex.1

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

   <style type="text/css">
      h1 {color:blue;}
      h2 {color:green;}
   </style>

จากนั้นลองทำการนำมาแสดง ดังโค้ด Ex.2 :)
Ex.2 :-o

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

<!DOCTYPE html>
<html>
<head>
   <style type="text/css">
      h1 {color:blue;}
      h2 {color:green;}
   </style>
</head>
<body>
<h1>H1</h1>
<h2>H2</h2>
<h2>H2</h2>
<h1>H1</h1>
</body>
</html>

OutPut
CSS_Internal.png
CSS_Internal.png (2.27 KiB) เปิดดู 185 ครั้ง

จะสังเกตุได้ว่าประกาศเพียงครั้งเดียวสามารถเรียกใช้ได้ตลอดในหน้านั้น ๆ :-D

ย้อนกลับไปยัง

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

กำลังดูบอร์ดนี้: 2 และ บุคคลทั่วไป 0 ท่าน