นิยาย Design Guide (CSS) - ทำความรู้จัก css : Dek-D.com

Design Guide (CSS) - ทำความรู้จัก css

บทความเกี่ยวกับ css ขั้นพื้นฐาน รูปแบบ การใช้ โครงสร้าง คำสั่งต่างๆ

Design Guide (CSS)
ทำความรู้จัก css

บทความเกี่ยวกับ css ขั้นพื้นฐาน รูปแบบ การใช้ โครงสร้าง คำสั่งต่างๆ

แนะนำ ก่อนที่จะเริ่มศึกษาเรื่องของ css ผู้ศึกษาควรจะมีความรู้ขั้นพื้นฐานในเรื่องของ html หรือ xhtml

css คืออะไร ?
css หรือ cascading style sheets เป็นภาษาที่ใช้กำหนดรูปแบบการแสดงผล htlm css ถูกสร้างขึ้นเพื่อใช้ร่วมกับ html กล่าวคือ html ใช้สำหรับกำหนดโครงสร้างข้อมูล และ css ใช้สำหรับกำหนดรูปแบบการแสดงผลนั่นเอง
css จะช่วยลดการใช้ html ในการตกแต่งเอกสารเว็บเพจ ทำให้โค้ดภายในเอกสาร html เหลือเพียงส่วนเนื้อหา ทำให้เข้าใจง่ายขึ้น การแก้ไขเอกสารทำได้ง่ายและรวดเร็ว

ตัวอย่าง การจัดรูปการแสดงผลด้วย css ร่วมกับ html

<html>
<head>

<style type="text/css">
h1{color: red;font-family: Tahoma;}
p{color: black;font-family: Tahoma;font-weight: bold}
</style>

</head>
<body>

<h1>Design Guide (CSS)</h1>
<p>ทำความรู้จัก css</p>

<h1>cascading style sheets</h1>

</body>
</html>