จากบทความที่เเล้วได้ทำการแนะนำเครื่องมือช่วยในการพัฒนาเเละปรับแต่ง CSS พร้อมทั้งกับวิธีการใช้งานเบื้องต้นกันไปเเล้ว ในส่วนของตัวอย่างการใช้งานในเรื่องรายละเอียดต่างๆ ของเครื่องมือ จะขอเริ่มต้นการเเนะนำการใช้งานของ เครื่องมือ "ตรวจดูส่วนประกอบ" กันก่อน โดยบทความนี้จะยกตัวอย่างการ ปิดการแสดงผลของส่วนแสดงผลข้อความ ซึ่งจะมีขั้นตอนง่ายๆ ดังนี้ค่ะ
1. ให้ทำการเปิดการใช้งานเครื่องมือค่ะ
- คลิกขวา เลือกที่ "ตรวจดูส่วนประกอบ"
- หาตำแหน่งของ Class โดยการคลิกที่เครื่องมือ
- *ในตัวอย่างเราจะปิดการเเสดงผลข้อความของหน้าจอ ขนาดมือถือ เราก็จะใช้เครื่องมือ
เพื่อให้เครื่องมือจำลองหน้าจอมือถือให้เราค่ะ
- ที่นี่ให้เรานำเมาส์ไปคลิกให้เกิดกรอบของข้อความตำแหน่งของที่เราจะทำงาน สังเกตุช่องทางด้านซ้ายมือจะแสดงเเท็ก HTML ที่เรียกใช้งาน
[/color]
2.เมื่อเราได้ตำแหน่งของ Class ที่นี่ลองมองมาทางซ้ายมือค่ะ เราจะเห็นคุณสมบัติของ Class นั้นๆ ที่นี่เราก็จะหา Class ของ ที่เราจะทำการปิดเเล้ว เราสามารถที่จะเพิ่มคุณสมบัติลงไปในช่องทางด้านซ้ายมือได้เลยค่ะ จากนั้นดูการแสดงผลตัวอย่าง
** เสร็จเเล้วค่ะ เพียงเเค่ 2 ขั้นตอนในการใช้งานเครื่องมือช่วยพัฒนาเเละปรับเเต่ง CSS **
ผลลัพท์ที่ได้ค่ะTIP : CSS ปิดการแสดงผลข้อความ โดยใช้เครื่องมือ "ตรวจดูส่วนประกอบ"
Moderator: mindphp, ผู้ดูแลกระดาน
- thatsawan
- PHP VIP Members
- โพสต์: 28508
- ลงทะเบียนเมื่อ: 31/03/2014 10:02 am
- ติดต่อ:
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
- 0 ตอบกลับ
- 1353 แสดง
-
โพสต์ล่าสุด โดย puopun.p
01/07/2016 4:28 pm
-
- 0 ตอบกลับ
- 1456 แสดง
-
โพสต์ล่าสุด โดย buay
16/07/2014 11:18 am
-
-
โพสต์ใหม่ วิธีการสร้างระบบชำระเงินด้วย omise โดยใช้ php
โดย Ittichai_chupol » 16/01/2020 6:53 pm » ใน PHP Knowledge - 0 ตอบกลับ
- 2423 แสดง
-
โพสต์ล่าสุด โดย Ittichai_chupol
16/01/2020 6:53 pm
-
-
- 0 ตอบกลับ
- 4375 แสดง
-
โพสต์ล่าสุด โดย chakrit
30/06/2022 5:04 pm
-
- 0 ตอบกลับ
- 2781 แสดง
-
โพสต์ล่าสุด โดย tatiya
13/09/2018 6:16 pm
-
-
โพสต์ใหม่ การรันเฉพาะTastCase โดยใช้ ตัวแปรเป็นตัวกำหนด (รูปแบบที่ 2)
โดย ธวัชชัย แสนหาญ » 20/02/2019 11:18 am » ใน Python Knowledge - 0 ตอบกลับ
- 1140 แสดง
-
โพสต์ล่าสุด โดย ธวัชชัย แสนหาญ
20/02/2019 11:18 am
-
-
-
โพสต์ใหม่ หาซื้อสินค้าง่าย ๆ โดยใช้ google shopping
โดย jamepiyawat » 30/05/2019 5:59 pm » ใน Share Knowledge - 0 ตอบกลับ
- 2021 แสดง
-
โพสต์ล่าสุด โดย jamepiyawat
30/05/2019 5:59 pm
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 70