CSS ตอนนี้มีถึงเลเวล 3 แล้ว แล้วแต่ละอันมันต่างกันยังไงล่ะ ?
CSS1 จะเป็นพื้นฐานของหน้าเวบทั้งหมด จะมีการจัดพวก font, สี, ตัวหนังสือ, background, ฯลฯ
CSS2 จะมีพวกการจัดตำแหน่งของ position จะมีพวก absolute, relative,และ fixed แล้วก้อมี z-indexเพิ่มมา แล้วจะมี CSS 2.1 คือแก้ error ใน CSS2 และทำให้ support browser ต่างๆมากขึ้น
CSS3 จะเพิ่มฟีเจอร์เจ๋งๆ เช่น ใช้ font จากเครื่องเราเอง หรือการใช้คำสั่งแบบสั้นๆบรรทัดเดียวจบ
(ลองดูข้อมูลเพิ่มเติมแบบละเอียดได้ที่ : http://en.wikipedia.org/wiki/Cascading_Style_Sheets)
แล้วเราจะเอา CSS ไปไว้ตรงไหนล่ะ ?
วิธีการวาง CSS มี 3 แบบคือ
1. แบบไว้ใน tag html เลย (Inline style) จากตัวอย่างจะเห็นว่ากำหนดสไตล์ใน tag <p> เลย
<p style="color:sienna;margin-left:20px">This is a paragraph.</p>
2. แบบไว้ในหน้า html เลย ซึ่งเอาไว้ใน tag <head> (Internal style sheet)
<head>3. แบบแยกไฟล์ CSS (External style sheet) คือแยกมาป็นไฟล์ .css เลย แล้วเรียกใช้เอา โดยอันแรกเป็นหน้าใน html ส่วนอีกอันอยู่ใน mystyle.css
<style type="text/css">
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
= =" เขียนครั้งแรกมีอะไรผิดพลากก้อขออภัยด้วยเน้อๆ มีอะไรก้อคอมเม้นถามไว้ได้เลยๆ
credit: http://www.w3schools.com/css/css_howto.asp
0 ความคิดเห็น:
แสดงความคิดเห็น