Cascading Style Sheet (CSS)

10 เม.ย. 2016, 15:31:37

2,156

CSS เป็นรูปแบบของการจัดการกับ Tag ใดๆ ของ HTML โดยสามารถกำหนดรูปแบบ หรือ Attribute ให้กับ Tag ต่างๆ ได้อย่างสวยงามและเป็นรูปแบบตามต้องการได้อย่างง่ายดาย โดยการกำหนดเพียงครั้งเดียวเราก็สามารถเรียกใช้งานได้ตลอด ซึ่งทำให้ง่ายต่อการเรียกใช้งาน

  การใช้งาน CSS

การใส่ CSS แบบ Inline
รูปแบบ

<tagname style= “attribute1:value1;attribute2:value2;…;attributeN:valueN;”>
Tagname คือ Tag ใดๆ ของ html
attribute1, attribute2, …, attributeN คือ ชื่อรูปแบบ
value1, value2, …, valueN คือ ค่าของรูปแบบ


ตัวอย่าง ex29.html

<html>
<head>
<title>CSS</title>
</head>
<body>
<b>Line1</b>
<b style= “color:red;">Line2</b>
<b>Line3</b>
</body>
</html>

ผลลัพธ์

TAGNAME คือ ชื่อ Tag html ที่ไม่มี < >
attribute1, attribute2, …, attribute n คือ ชื่อรูปแบบ
value1, value2, …, value n คือ ค่าที่กำหนดให้รูปแบบ


ตัวอย่าง ex30.html

<html>
<head>
<title>CSS</title>
<style type= “text/css">
	B{
		color:red;
	}
</style>
</head>
<body>
<b>Line1</b>
<b>Line2</b>
<b>Line3</b>
</body>
</html>

ผลลัพธ์

ความคิดเห็น

หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com