บทช่วยสอนกระชับ Dreamweaver 4 (V. ทำให้เว็บเพจของคุณสวยงามยิ่งขึ้น ตอนที่ 4)

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-05-30 18:35:57

สไตล์ชีตเพิ่มความเก๋ไก๋ให้กับข้อความ

ที่กล่าวมาข้างต้นคือการตั้งค่าพื้นฐานที่สุดสำหรับข้อความ หากคุณต้องการเล่นเทคนิคเพิ่มเติมกับข้อความ คุณต้องได้รับความช่วยเหลือจากสไตล์ชีต

ในสถานะการแก้ไข ให้กด Shift+F11 เพื่อเข้าสู่กล่องโต้ตอบสไตล์ชีต (สไตล์ CSS):

คลิกที่มุมขวาล่าง

สร้างสไตล์ใหม่:

ดังที่แสดงไว้ข้างต้น ให้ตั้งชื่อสไตล์ของคุณในช่องชื่อ Dreamweaver จะใส่จุดทศนิยมไว้หน้าชื่อตามค่าเริ่มต้นเพื่อหลีกเลี่ยงความสับสนกับแท็ก HTML อื่นๆ ตัวอย่างเช่น ชื่อที่ฉันให้ที่นี่คือ "myfont" (เปลี่ยน unnamed1 เป็น myfont ) ; กำหนดว่าจะเลือกใช้สไตล์ชีตภายนอกหรือสร้างเฉพาะสไตล์ในหน้านี้ (เอกสารนี้เท่านั้น) เราเลือกแบบแรกเพื่อให้หลายเพจสามารถแชร์สไตล์ชีตได้

ในกล่องโต้ตอบถัดไป ให้ป้อนชื่อไฟล์สไตล์ชีต เช่น "myfont" แล้วกด "บันทึก" ซึ่งจะสร้างไฟล์สไตล์ชีตชื่อ myfont.css ดังที่แสดงไว้ด้านบน

กำหนดสไตล์ตามภาพด้านบน Size คือขนาดของข้อความ เราตั้งค่าไว้ที่ 9 พอยต์ (เรียกว่า 9 พอยต์) เส้น คือ ระยะห่างระหว่างบรรทัด เราตั้งค่าไว้ที่ 13 พอยต์ (วิธีการตั้งค่าทั่วไปอีกอย่างคือ 150) %) คุณจะได้สิ่งที่เรียกว่าฟอนต์ 9 พอยต์ หลังจากตั้งค่าแล้ว ให้กดตกลงเพื่อกลับไปที่กล่องโต้ตอบสไตล์ชีต คุณจะเห็นว่ามีการเพิ่มสไตล์ที่เรียกว่า "myfont" ดังแสดงในรูปด้านล่าง

จากนั้นคุณสามารถเลือกข้อความและเลือก myfont ในกล่องโต้ตอบสไตล์ได้ ข้อความมีความประณีตมากขึ้นหรือไม่? แบบอักษร 9 จุดเป็นขนาดที่เล็กที่สุดและละเอียดอ่อนที่สุดที่แบบอักษร Song สามารถแสดงได้โดยไม่เสียรูป ดังนั้นจึงมีการใช้กันอย่างแพร่หลายในการผลิตหน้าเว็บ

นอกจากฟอนต์ 9 พอยต์แล้ว ยังมีฟอนต์ 10.4Pixel ซึ่งอยู่ระหว่าง 12pt ถึง 9pt อีกด้วย คุณสามารถลองใช้เองได้

หากคุณต้องการอ้างอิงสไตล์ชีตที่มีอยู่ในหน้าอื่น คุณสามารถคลิกได้

- นอกจากนี้,

คือการแก้ไขสไตล์ที่มีอยู่

คือการลบสไตล์