การเขียน CSS มี 3 ลักษณะคือ Inline, Internal และ External โดยสามารถเลือกใช้ได้ความความเหมาะสมเป็นหลัก
แบบ Inline
คือการเขียนแทรกลงไปในบรรทัดนั้นๆ ของ tag [X]HTML เลย เช่น
<p style=”font-size: 0.9em; width: 200px; border: solid 1px #000000”>ตัวหนังสือสีดำ อยู่ใน แทก P</p>
แบบ Internal(embedded)
การเขียนแบบ Internal (embedded) คือเขียนแยก CSS ออกจาก tag [X]HTML แต่อยู่ในหน้าเดียวกันกับไฟล์ [X]HTML โดยแทรก css เอาไว้ที่ <head></head> เช่น
<html>
<head>
<style type="text/css">
P {
font-size: 0.9em;
width: 200px;
border: solid 1px #000000;
}
</style>
</head>
<body>
<p>ตัวหนังสือสีดำ อยู่ใน แทก P </p>
</body>
</html>
แบบ External
คือการเขียน แยก css ออกมาเป็นไฟล์ .css ต่างหาก แล้วนำเข้าไปใช้ใน หน้าเว็บด้วย การเรียกโดย ใช้ โดยการพิมพ์ <link rel="stylesheet" href="externalcss.css" type="text/css" /> ไว้ที่ส่วน <head></head> ของหน้าเว็บ
ไฟล์ externalcss.css
P {
font-size: 0.9em;
width: 200px;
border: solid 1px #000000;
}และส่วนของไฟล์ html เมื่อเรียก css มาใช้
<html>
<head>
<link rel="stylesheet" href="externalcss.css" type="text/css" />
</head>
<body>
<p>ตัวหนังสือสีดำ อยู่ใน แทก P </p>
</body>
</html>
ทั้งหมดเป็นลักษณะการเขียนและเรียกใช้ CSS ครับ
สำหรับผมแล้ว ขอแนะนำ ให้เขียน แบบ External ครับ เพราะง่ายต่อการเปิดไฟล์ css มาแก้ไข โดยไม่ต้องยุ่งเกี่ยวกับ HTML เลย และที่สำคัญสามารถนำไปใช้กับไฟล์ อื่นๆ ได้ทั้งเว็บไซท์ เพียงการเขียน CSS ในหน้าเดียว
เรื่องต่อไป เกี่ยวกับ External CSS และการ Import CSS ครับ
เอ… มันก็อ่านได้นาครับ ปกตินา
อย่าว่างั้น ว่างี้กันนะ เรามาติเพื่อก่อกันนะ นะ ห้ามโกรธนะบอกก่อน น้อง
น้องมาสอนก็ีดีนะคะ แต่ว่ามันอ่านไม่ได้นะกะ เสียใจจริงๆ
ง่ะ…..อ่านไม่ได้ตรงไหนอ่ะค่ะ
งง???? ก็อ่านออกอ่ะค่ะ
ปกติ ถ้าเป็นกลุ่มเป้าหมายที่ผมต้องการสื่อถึงนี่ เขาอ่านได้ไม่มีปัญหาน่า ครับ
นอกจากจะไม่ใช่กลุ่มเป้าหมายของผมเท่านั้นแล
หรือว่าผมเข้าใจอะไรผิดไป หุหุ
อิอิอิ..อ่านได้นี่ครับผม ต้องขอบคุณอย่างสูงเลยครับที่เอาความรู้เหล่านี้มาแนะนำครับ
สงสัย อ่าน utf8 ไม่ได้
อ่านไม่ได้ แต่รู้ได้ไงอ่าว่าเค้ามาสอน – - งง
ก้ออ่านได้นิงับ
ขอบคุณค่ะ ลองเริ่มทำเมื่อวาน
เพิ่งเก็ดตอนอ่านเนี่ยแหล่ะ ว่าที่ทำมันคืออาไร ^^
ผมว่า ที่อ่านไม่ได้อาจเป็นเพราะสี แดงรึป่าว (ทำให้แสบตา) แต่ถ้าคนสายตาธรรมดาทั่วไป ผมว่าก็อ่านกันออกนะ
ยกเว้น อาจมีปัญหาที่สายตา ก็ได้นะครับ(ไม่ว่ากันเน้อ)
งงจังคับ
กำลังติดตามผลงานอยู่ครับ ชอบมากๆคับ
สงสัยตรง font-size: 0.9em;
อะครับ หน่วยของ font ที่เคยเห็นจะเป็น pt. px แต่ยังไม่เคยเห็น em
ไม่ทราบว่ามันมายังไงครับ แล้วต่างจาก pt. px. ยังไงครับ
ขอบคุณครับ
เพิ่งเข้ามาอ่านวันนี้ หัด ทำ วันเดียว เป็นเลยคับ
ผมเพิ่งทำ เว็บแบบไม่ใช้ ตาราง ได้ก็วันนี้และ เวิกจริงๆคับ
คนสอนสุดยอด
หน้านี้สีมันอ่านยากครับ
พื้นหลังมนสีทึบไปหน่อย
เฮ็ดได้แล่วเด้อ Thanks