What is CSS?

#HelloFrontend #HelloErmine #HelloWorld2021

Last updated 3 years ago

Was this helpful?

What is CSS?

#HelloFrontend #HelloErmine #HelloWorld2021

CSS คืออะไร ?

CSS (Cascading Style Sheets)

เป็นภาษาคอมพิวเตอร์ ใช้ควบคู่กับภาษา HTML ทำหน้าที่ตกแต่งหน้าตาของเว็บไซต์ให้มีความสวยงาม เช่น การกำหนดสีพื้นหลัง สีตัวอักษร ขนาดพื้นที่แสดงผล ขนาดตัวอักษร และอื่น ๆ โดยมีเวอร์ชันปัจจุบัน คือ CSS3

โครงสร้างของ CSS จะประกอบไปด้วย tag หรือ attributes ของ HTML เป็นการระบุว่าตำแหน่งไหนที่เราต้องการทำ style ซึ่งใน CSS จะเรียกว่า selector โดยนำมาจากไฟล์ HTML

วิธีการเรียกใช้ CSS เเบบ external (เรียกจากไฟล์ภายนอก)

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

ในหน้าของไฟล์ HTML กำหนด tag link ภายใน tag head โดยมีรายละเอียดข้างใน คือ

<head>
    <meta charset="UTF-8">
    
    <link rel="stylesheet" type="text/css" href="testcss.css">
</head>

การเขียนคำสั่ง CSS จะเขียน selector ผูกกับค่าจาก tag หรือ attribute ของ HTML เช่น id หรือ class วิธีการเรียกใช้งานนั้นจะแตกต่างกัน

PreviousCSS NextSelectors

Last updated 3 years ago

Was this helpful?

CSS คืออะไร ?

CSS (Cascading Style Sheets)

วิธีการเรียกใช้ CSS เเบบ external (เรียกจากไฟล์ภายนอก)

ในหน้าของไฟล์ HTML กำหนด tag link ภายใน tag head โดยมีรายละเอียดข้างใน คือ

<head>
    <meta charset="UTF-8">
    
    <link rel="stylesheet" type="text/css" href="testcss.css">
</head>