Thursday
CSS
-
Border ขอบเขต (9,250)
เราสามารถกำหนดลักษณะเส้นกรอบของ Element ต่างๆ ได้ เช่น lt p gt lt div gt เป็นต้น nbsp PropertyDescriptionValues nbsp border widthใช้กำหนดขนาดของกรอบของวัตถุทั้ง 4 ด้านthinmediumthicklengthเช่น 5px 5ptborder styleใช้การกำหนดลักษณะของกรอบของวัตถุทั้ง 4 ด้านnonehiddendotteddashedsoliddoublegroove
-
Background พื้นหลัง (13,395)
เราสามารถกำหนดลักษณะพื้นหลังของ Element ต่างๆ เช่น lt body gt lt table gt lt p gt lt h1 gt lt h2 gt lt div gt เป็นต้น nbsp PropertyDescriptionValues nbsp background attachmentใช้กำหนดว่าต้องการให้ภาพพื้นหลังนั้นอยู่กับที่ หรือว่าเลื่อนไปตาม Scroll Barfixedscrollfix อยู่กับที่เลื่อนต
-
Text ข้อความ (9,987)
เราสามารถกำหนดรูปแบบให้ข้อความ เช่น ความสูงของบรรทัด ตำแหน่งการจัดวางข้อความ การขีดเส้นใต้ การกำหนดตัวพิมพ์เล็กพิมพ์ใหญ่ และอื่นๆ ผ่าน Property ต่างๆ ดังนี้PropertyDescriptionValues nbsp colorใช้กำหนดสีสีred 000099directionใช้กำหนดทิศทางของ text IE6 ltr nbsp rtlซ้ายไปขวาขวาไปซ้ายline heightใช้กำ
-
Font ตัวอักษร (11,359)
การกำหนดลักษณะให้ตัวอักษร ใน HTML เราจะใช้ tag lt font face "ชนิดตัวอักษร" size "number" color "สี" gt ข้อความ lt font gt น่าจะพอจำกันได้อยู่ แต่ในเอกสาร HTML XHTML แบบ strict จะถือว่า tag lt font gt เป็น tag ที่ล้าสมัยแล้ว ไม่สามารถนำมาใช้งานได้ ให้เราใช้ CSS แทนค่ะเรา็สามารถใช้ CSS กำหนดลักษณ
-
Contextual selectors (8,150)
การประกาศ selector ซ้อนกัน โดยเคาะ spacebar ทำให้สามารถสืบทอดคุณสมบัติเดิม และเพิ่มคุณสมบัติที่แตกต่างได้ ดูตัวอย่างเพื่อให้เข้าใจมากขึ้นค่ะExample lt html gt lt head gt lt style type "text css" gt h1 { color blue background color FFFFCC } nbsp h1 em { color red }h1 u { color green} lt style
-
การเขียนคำสั่ง Style Sheet (10,977)
Selector ที่เป็น HTML TagExample lt html gt
lt body gt
lt head gt
lt style type "text css" gt lt
h1{color red font family Arial }
p{color black font family Arial }
gt lt style gt
lt head gt
lt body gt
lt h1 gt วิธีดูแลรักษาสุขภาพ lt h1 gt
lt p gt รับป
-
วิธีใช้งาน Style Sheet (10,987)
1 Inline Styles nbsp วิธีการนี้ควรใช้ในกรณีที่ต้องการกำหนด style ให้กับ element ของ HTML เีพียงอันเดียวเป็นการเฉพาะ โดยการแทรกคำสั่ง style sheet ใน nbsp HTML Tag อยู่ในคำสั่ง style "" nbsp ดังนี้ lt Tag style "property value " gt Example lt html gt lt body gt lt h1 nbsp style "color red font
-
สี Color (9,101)
การกำหนดสีให้ตัวอักษร พื้นหลัง เส้นขอบ หรือส่วนอื่นๆ ของวัตถุ สามารถกำหนดได้หลายแบบ1 กำหนดโดยใช้ชื่อสี แต่การระบุชื่อสีแบบนี้ใช้สีได้จำนวนจำกัด ได้แก่ aqua black blue fuchsia แดงอมม่วง gray green lime maroon น้ำตาลแดง navy olive purple red silver teal เขียวขนเป็ด white และ yell
-
หน่วยที่ใช้วัดค่าต่างๆ ใน Style Sheet (9,121)
จาก syntax ของคำสั่ง CSS ค่า value ของ property บางค่าจะต้องมีการระบุหน่วยด้วย nbsp หน่วยที่ใช้งานใน CSS มีอะไรบ้าง มาดูกันค่ะหน่วยแบบ Relative Length กำหนดแบบอัตราส่วน px nbsp pixels สัมพันธ์กับค่าความละเอียดของหน้าจอ เช่น 1px 4pxem nbsp emphasize ความสูงของตัวอักษร เป็นขนาดจำนวนเท่าของขน
-
โครงสร้างคำสั่ง (9,445)
คำสั่งของ CSS ประกอบด้วย selector property และ valueselector { property value } nbsp selector { property1 value1 property2 value2 } selector สามารถเป็น HTML Tag ต่างๆ เช่น lt body gt lt p gt หรือเป็น Class name หรือ ID ที่เราตั้งชื่อให้ก็ได้ property คือ คุณสมบัติในการจัดรูปแบบการแสดงผล เช่