ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    { Winter Code Room }

    ลำดับตอนที่ #10 : [Tip] การใส่คอมเม้นท์ให้โค้ดแต่ละชนิดป้องกันการสับสน

    • อัปเดตล่าสุด 2 เม.ย. 57



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

    1. CSS
       /*รายละเอียดเกี่ยวกับโค้ดที่ต้องการใส่*/
       โค้ด

    2. Javascript
       <!--รายละเอียดเกี่ยวกับโค้ดที่ต้องการใส่-->
       โค้ด

    3. Html
       <!--รายละเอียดเกี่ยวกับโค้ดที่ต้องการใส่-->
       โค้ด

    ตัวอย่างที่ 1
    โค้ด CSS
    <style type="text/css">

    /*ใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/
    BODY{background:url(http://i1339.photobucket.com/albums/o705/SakuraiWinter/My%20ID/mybg1_zpsc70f5f32.jpg); background-attachment:fixed;background-size:100% 100%;}

     
    /*My.iD-จัดตำแหน่งไอดีให้อยู่ตรงกลาง-Sakurai Winter*/
    #body { position:absolute;
            left:0;
            right:0;
            margin-left:auto;
            margin-right:auto; }
    </style>

    การใส่คอมเม้นท์ให้โค้ดจะวางไว้ที่ส่วนบนของโค้ดนั้น ๆ หรือส่วนล่างของโค้ดนั้น ๆ ก็ได้
    ยกตัวอย่างจากตัวอย่างที่ 1 จะวางไว้ส่วนบนของโค้ด คราวนี้มาดูตัวอย่างที่ 2 ที่จะวางไว้ส่วนล่างของโค้ด

    ตัวอย่างที่ 2
    <style type="text/css">
    BODY{background:url(http://i1339.photobucket.com/albums/o705/SakuraiWinter/My%20ID/mybg1_zpsc70f5f32.jpg); background-attachment:fixed;background-size:100% 100%;}

    /*ใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/

     
    #body { position:absolute;
            left:0;
            right:0;
            margin-left:auto;
            margin-right:auto; }
    /*My.iD-จัดตำแหน่งไอดีให้อยู่ตรงกลาง-Sakurai Winter*/
    </style>

    นอกจากวางไว้ข้างบน วางไว้ข้างล่าง ยังสามารถวางปิดบนล่างเพื่อกำหนดขอบเขตของโค้ดได้อีกด้วยดังตัวอย่างที่ 3

    ตัวอย่างที่ 3
    <style type="text/css">

    /*เริ่มโค้ดใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/
    BODY{background:url(http://i1339.photobucket.com/albums/o705/SakuraiWinter/My%20ID/mybg1_zpsc70f5f32.jpg); background-attachment:fixed;background-size:100% 100%;}
    /*สิ้นสุดโค้ดใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/

     
    /*เริ่มโค้ด My.iD-จัดตำแหน่งไอดีให้อยู่ตรงกลาง-Sakurai Winter*/
    #body { position:absolute;
            left:0;
            right:0;
            margin-left:auto;
            margin-right:auto; }
    /*สิ้นสุดโค้ดMy.iD-จัดตำแหน่งไอดีให้อยู่ตรงกลาง-Sakurai Winter*/
    </style>




     
    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×