Un title page
Thainextstep.com สอนทำเว็บไซต์ด้วย Dreamweaver Photoshop  PHP & MySql และ การทำ SEO  
Un title page
Thainextstep.com สอน HTML บทความ Dreamweaver สอน Photoshop บทความ PHP & MySql Web Tips SEO Guide
Un title page
สอน Dreamweaver
  ทำความรู้จัก Dreamweaver
  การสร้าง Site
  การกำหนดคุณสมบัติพื้นฐาน
  การสร้าง CSS Style
  การเรียกใช้งาน CSS Style
  การใส่สี Background
  การใส่ลิงค์ข้อความและรูป
  การสร้างตาราง
  การปรับแต่งตาราง
  การใส่คำอธิบายให้รูปภาพ
  การเพิ่มอักขระพิเศษ
  การทำภาพ Swap Image
 


  การเรียกใช้งาน CSS Style ที่ได้กำหนดไว้
 

บทความนี้เราจะมาเริ่มต้น ลองเรียกใช้งาน CSS Style ที่เราได้สร้างไว้ในบทความที่แล้ว มาดูกันค่ะว่าจะเรียกใช้งานกันอย่างไร แต่รับรองได้ค่ะว่าทได้ง่าย ๆ และรวดเร็วด้วยค่ะ

     
 

จากบทที่แล้วเราได้สร้าง CSS Style ไว้แล้ว ซึ่งเป็น Style เกี่ยวกับตัวอักษรและข้อความ ทีนี้เราก็มาเริ่มต้นกันเลยค่ะ

ขั้นตอนที่ 1 ให้เราสร้างข้อความขึ้นมาก่อนค่ะ โดยไม่ต้องกำหนดคุณสมบัติใด ๆ ของข้อความค่ะ แค่พิมพ์ข้อความธรรมดา ๆ

 
   
 
 
     


ขั้นตอนที่ 2 หลังจากนั้นให้ใช้เมาท์ลากเพื่อเลือกข้อความ ตามภาพที่ 2 ค่ะ

 
 
     


ขั้นตอนที่ 3 เลื่อนเมาส์มาที่บริเวณด้านล่าง ตรงส่วนของ Properties จากนั้นคลิกเลือกที่ชื่อ Style ตามภาพที่ 3 ค่ะ จากนั้นเลือก Style ตามชื่อที่เราได้สร้างไว้ ในบทความที่แล้วค่ะ

 
 
     



เสร็จเรียบร้อยแล้วค่ะ เพียงแค่นี้ข้อความที่เราใช้ Style นี้ ก็จะเปลี่ยนคุณสมบัติตามค่าของ Style ที่เราได้กำหนดไว้ คือฟอนต์แบบ tahoma ขนาด 12 pixels และมีสีเทาดำ #333333

จากภาพผลลัพธ์ Webmaster สร้างสไตล์อีกชื่อ คือ tahoma_B12red คือสร้างสไตล์ ฟอนต์แบบ tahoma ขนาด 12 pixels และมีสีแดง #FF0000 และเป็นตัวหนา ซึ่งเมื่อเลือกใช้ Style ตัวนี้ก็จะได้ผลลัพธ์อย่างที่เห็นค่ะ

 
 
     

   
   
วันที่บทความ : 26 ส.ค. 2550              ที่มา : Webmaster

สอนทำเว็บไซต์   |   สอนภาษา HTML   |   สอน Dreamweaver   |   สอน Photoshop   |   สอนภาษา PHP & MySql   |   รวมทิป เทคนิคการทำเว็บไซต์   |   สอนการทำ SEO
:: Copyright © 2005 by Chatta design. All rights reserved. Do not duplicate or redistribute in any form.::