หน้า: 1 [2] 3 4 5 6 7 8 9 ... 15
 
ผู้เขียน หัวข้อ: ขอถามเรื่อง CSS หน่อยครับ  (อ่าน 124746 ครั้ง)
0 สมาชิก และ 1 ขาจร กำลังดูหัวข้อนี้
จะว่าไปมันก็ยากนะที่จะสอน เพราะคำสั่งมันเยอะ
ถึงรู้หน้าที่ของแต่ละตัว แต่ใช้ไม่เป็นก็จบ
ต้องลองเล่นเองสถานเดียวครับ

ปล.ถ้าเห็นจานถ่อมตัวอีกที จะลบทีละหนึ่งเลย  โวย
บันทึกการเข้า
ก็สอนเฉพาะ โครงสร้างและวิธีนำไปใช้มันก็พอ
เพราะโครงสร้างก็ไม่มีอะไรมาก ก็มีแค่

แอบอ้าง
selector {propertiy: value}

แล้วก็วิธีนำไปใช้ ก็มีไม่กี่วิธี เช่น ฝังไว้กับแท็ก, ฝังไว้ที่เฮดเดอร์ หรือฝังไว้ในไฟล์ (นอกนั้นยังมีการกำหนด CSS ด้วย จาวาสคริปท์อีก แต่มันยุ่งยากไป)


แล้วส่วนที่เป็น property กับ value จะมีอะไรบ้าง ก็ทำตารางให้เอาไปใช้เลย
ถ้าคนเป็น HTML แล้ว ก็น่าจะเข้าใจ เพราะว่าความเห็นส่วนตัวแล้ว ผมว่าภาษา HTML ยากกว่า CSS นะ


เอางี้ ถ้าไม่มีใครคิดจะสอน ผมจะสอน เพราะจะได้ทำประโยชน์ให้ชาวโลกได้บ้าง เพราะรู้สึกว่าตัวเองไม่ค่อยมีประโยชน์ต่อใครสักเท่าไหร่ ฮือๆ~
แต่ถ้ามีใครสอนแล้ว ผมไม่ยุ่งด้วยล่ะ...
บันทึกการเข้า

ทหารเกณฑ์
สอน Java Script ได้ไหมครับ แค่ Java Script ธรรมดาๆนี่แหละ ผมไม่รู้จะไปหาความรู้ที่ไหนดัี หนังสือมันก็เป็น Java ตัวใหญ่เลย พวกในเว็บก็ไม่ค่อยมี Search เจอแต่ Free Script Download ซึ่งอ่านไม่รู้เรื่องอยู่ดีครับ  ฮือๆ~
บันทึกการเข้า

50 levels avaliable, 22 secrets levels avaliable :P
งั้นจู๋นี้เอาไว้ติว CSS โดยจาน อจวว ละกันครับ เจ๋ง
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
ซวยล่ะ  เฮ้ย!?

งั้น CSS พรุ่งนี้เริ่มสอนละกัน ฮือๆ~



ส่วน จาวาสคริปก็พอสอนได้ แต่ไม่ลึกมาก จะเอาไหม หรือจะมีใครอื่นที่เก่งกว่า มาสอนจาวาสคริปท์ดีไหม


ปล.เคยเป็นวิทยากรสอน CSS กับ จาวาสคริปท์ให้คนในบริษัทเก่ามา น่าจะพอสอนได้ แต่ไม่ลึกถึงขั้นเซียนนะ ฮือๆ~
« แก้ไขครั้งสุดท้าย: 15 มี.ค. 2006, 23:57 น. โดย อะจ๊ากว้ากแว้ก » บันทึกการเข้า

ทหารเกณฑ์
อยากให้สอน javascript มากๆครับ
บันทึกการเข้า
ตั้งจู๋ใหม่เป็นเรื่อง CSS Tutorial ไปเลยครับ
หรืออีกจู๋ Javascript Tutor ก็ได้

จะได้รู้กันไปว่านี่คือเว็บฟ๐นต์
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
แตก CSS
แตก JavaScript
 ฮี่...
บันทึกการเข้า

50 levels avaliable, 22 secrets levels avaliable :P
งั้นเริ่มสอน CSS ล่ะนะ ฮือๆ~

บทนำ
        ก่อนที่จะเริ่มสอน ทุกคนต้องพอรู้เรื่องเกี่ยวกับ HTML มาก่อน และพออ่านเป็น เขียนเป็นอยู่บ้าง ไม่งั้นจะไม่เข้าใจแน่นอน
ส่วนใครยังไม่เป็น HTML ก็เข้าไปอ่านในเว็บดังนี้
http://www.sansukhtml.com/ - อันนี้สอนเบื้องต้น เหมาะสำหรับคนยังไม่เคยเป็น
http://www.nectec.or.th/courseware/internet/html/index.html - อันนี้สอนละเอียดดี เหมาะสำหรับคนที่เป็นนิดๆแต่ยังไม่เชี่ยว

CSS ย่อมาจาก Cascading Style Sheets
และเนื้อหาบทนำอื่นๆ ได้มีคนกล่าวไว้แล้วในคำตอบที่ผ่านๆมา

บันทึกการเข้า

ทหารเกณฑ์
ขอแทรกนิดนึงครับ
อยากทราบ javascript ที่ใช้ควบคุม css ในหน้าเว็บครับ
เช่นเว็บ ผจก ที่กดแล้วเปลี่ยนขนาดฟอนต์น่ะ
ในที่นี้ถ้าเราจะเอามาเปลี่ยน css ทั้งหน้า จะทำได้จะใด
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
บทที่ 1 CSS Syntax
     ภาษา CSS เป็นภาษาที่ไม่เป็น case-sensitive คือ ตัวเล็กตัวใหญ่จะมีผลเหมือนกัน เช่นเดียวกับ html นั่นเอง ส่วนรูปแบบคำสั่งของ CSS เป็นดังนี้

1.1Syntax
โค้ด:
     selectors {property: values}

โดย
     selectors คือ การบ่งบอกว่า เราจะให้คำสั่งนี้ ใช้กับอะไร (ที่เติม s เพราะว่า บางทีเราอาจเลือกหลายๆอย่างได้)
     property คือการกำหนดคุณสมบัติกับสิ่งที่ selector นั้นเลือก
     values คือ ตัวแปรที่จะกำหนด (ซึ่งบางครั้งก็มีหลายตัวแปร)

ตัวอย่างเช่น
โค้ด:
     font {color: red}
    คำสั่งนี้ เป็นการทำให้ตัวอักษร tag "font" ทุกแท็กเป็นสีแดงหมด

ตัวอย่างต่อมา
โค้ด:
     font {color: red; font-family: tahoma}
    คำสั่งนี้ เป็นการที่นอกจากจะทำให้ตัวอักษรใน tag "font" ทุกแท็กเป็นสีแดงหมด แล้วยังใช้ฟอนต์ Tahama เสียด้วย
     โดยเป็นการแสดงให้เห็นว่า ใน 1 คำสั่ง สามารถมีได้หลาย property นั่นเอง โดยเป็นการใช้  ";" คั่นระหว่าง property นั่นเอง

ลองดูอีกตัวอย่าง
โค้ด:
     font {
          color: red;
          font-family: tahoma
          }
แบบนี้ก็มีผลอันเดียวกับด้านบน ซึ่งจะใช้แบบไหนแล้วแต่ถนัด แบบบน ประหยัดเนื่อที่ ส่วนอันล่างจะดูง่ายกว่า ใครพอรู้ภาษาตระกูล C หรือ จาวา มา จะเห็นว่ามันมีส่วนคล้าย ตรง ปีกกา "{ }" กับ การคั่น property ด้วย ";"  

ตัวอย่างต่อมา
โค้ด:
     font {
          color: red;
          font-family: tahoma
          }

     body {
          background-color: green;
          }
เป็นตัวอย่างว่า เราสามารถใช้ได้หลายๆคำสั่งนั่นเอง คือ นอกจากจะให้กำหนด สีแดง กับฟอนต์ให้แท็ก "font" แล้ว ยังไปกำนด สีพื้นหลังให้กับหน้าเว็บเป็นสีเขียวอีกด้วย



บันทึกการเข้า

ทหารเกณฑ์
ขอแทรกนิดนึงครับ
อยากทราบ javascript ที่ใช้ควบคุม css ในหน้าเว็บครับ
เช่นเว็บ ผจก ที่กดแล้วเปลี่ยนขนาดฟอนต์น่ะ
ในที่นี้ถ้าเราจะเอามาเปลี่ยน css ทั้งหน้า จะทำได้จะใด
อ๊ะ เดี๋ยวลองดูให้ (แปบนึงนะ) อาจจะไม่ได้คำตอบที่สมบูรณ์นัก



แก้ไข: หาไม่เจอ ขอ URL หน่อย ฮือๆ~
« แก้ไขครั้งสุดท้าย: 16 มี.ค. 2006, 10:22 น. โดย อะจ๊ากว้ากแว้ก » บันทึกการเข้า

ทหารเกณฑ์
 (แจ๋ว แจ๋ว)
บันทึกการเข้า

สะพรึบสะพรั่ง ณหน้าและหลัง ณซ้ายและขวา ละหมู่ละหมวด ก็ตรวจก็ตรา ประมวลกะมา สิมากประมาณ
โฮก... หมีโหดดดด

กว่าจะหาเจอ....

โค้ด:
<html>
  <head>
    <style type="text/css">
      .s1 {
        background-color: green;
        color: red;
       }
      .s2 {
        background-color: blue;
        color: orange;
       }
    </style>
    <script language="JavaScript">
      function toGreenRed() {
        document.getElementById("body1").className="s1";
      }
      function toBlueOrange() {
        document.getElementById("body1").className="s2";
      }
    </script>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  </head>
  <body id="body1">
    <font>ฟ๐นต์</font><br />
      <input type="button" onclick='toGreenRed()' value="พื้นหลังเขียว"/>
      <a href='javascript: toBlueOrange();'>พื้นหลังน้ำเงิน</a>
  </body>
</html>

ถ้าเข้าใจก็ลองเอาไปแอปพลายเอง
ไม่รู้ว่าตรงจุดประสงค์ที่ถามหรือเปล่า
พยายามทำให้โค้ดไม่ซับซ้อนมากแล้ว
ถ้าไม่เข้าใจตรงไหนก็ถามมานะครับ


แต่แบบที่เปลี่ยนไฟล์ CSS เลย ไม่รู้ว่าทำไงเหมือนกัน

โฮก.... หมีโหดดดด
« แก้ไขครั้งสุดท้าย: 16 มี.ค. 2006, 11:08 น. โดย อะจ๊ากว้ากแว้ก » บันทึกการเข้า

ทหารเกณฑ์
สู้ตายนะลุงอจวว. ฮิ้ววว
บันทึกการเข้า

等着
หน้า: 1 [2] 3 4 5 6 7 8 9 ... 15
 
 
Powered by MySQL Powered by PHP Powered by SMF 1.1.21 | SMF © 2006-2007, Simple Machines | Thai language by ThaiSMF Valid XHTML 1.0! Valid CSS!