คุณอาจคิดว่า Notepad ไม่ได้ดีที่สุดเมื่อเขียน CSS มีเครื่องมือแก้ไข CSS ใดบ้างที่สามารถปรับปรุงประสิทธิภาพของการเขียนโค้ดของเราได้
TopStyle (คลิกเพื่อดาวน์โหลด: TopStyle V3.5 Beta 4) เป็นเครื่องมือแก้ไข CSS ที่ฉันใช้ ฉันใช้มันแบบสุ่มในตอนแรกและไม่ได้ศึกษามันอย่างละเอียด แต่แล้วฉันก็ได้ดูฟังก์ชั่นภายในให้ละเอียดยิ่งขึ้นและพบว่า ว่าฟังก์ชั่นมันทรงพลังจริงๆ !
ให้ฉันแบ่งปันประสบการณ์ของฉันที่นี่ ปุ่มลัดที่ฉันมักใช้เมื่อแก้ไข CSS:
คำอธิบายประกอบข้อความ: Shift+Ctrl+M
เยื้องขวา: Shift+Ctrl+
เยื้องซ้าย: Shift+Ctrl+,
CSS ถัดไป: Ctrl+]
CSS ก่อนหน้า: Ctrl+[
เลือกสี: Shift+Ctrl+C
ไม่สามารถเลิกทำ (Ctrl+Z) หลังจากบันทึกได้ใช่ไหม
มาเปลี่ยนกัน ตำแหน่งตัวเลือก: ตัวเลือก--ตัวแก้ไข--เลือกเปิดใช้งานเลิกทำหลังจากบันทึก
เพื่อแทนที่โดยอัตโนมัติ ตัวอย่างเช่น หากคุณพิมพ์ "!i" แล้วกดช่องว่าง TopStyle จะแทนที่ "!i" ด้วย "! สำคัญ"
ตำแหน่งตัวเลือก: ตัวเลือก--ตัวแก้ไข--แทนที่อัตโนมัติ คุณยังสามารถเพิ่มการป้อนข้อมูลทางลัดได้ด้วยตนเอง
CSS ต้นไม้
บางครั้งคุณรู้สึกว่ามี CSS มากเกินไปและเรียกดูได้ยากหรือไม่? TopStyle มีรูปแบบชวเลขที่ซ่อนเนื้อหา CSS และแสดงเฉพาะชื่อตัวเลือกซึ่งสะดวกมาก
ตำแหน่งตัวเลือก: ตัวเลือก - ตัวแก้ไข - การยุบกฎ เลือกเปิดใช้งานการยุบกฎ
เพื่อตรวจสอบอย่างรวดเร็ว ปุ่ม W3C CSS Validator และ W3C HTML Validator ในเมนูทางลัดนั้นสะดวกมาก หลังจากแก้ไข คุณจะทราบได้ว่าการตรวจสอบผ่านแล้วหรือไม่ คลิก.
ตัวล้างสไตล์ชีทด้านล่างนี้ขอแนะนำ TopStyle อย่างยิ่งด้วยฟังก์ชันการจัดระเบียบ CSS ของตัวเอง เครื่องกวาดสไตล์ มันสามารถจัดระเบียบ CSS ของคุณอย่างประณีตและเป็นมาตรฐาน คุณสมบัติที่ดีมาก
ตำแหน่งตัวเลือก: เครื่องมือ--
แผงกฎกฎการกวาดรูปแบบ: รูปแบบกฎ คุณสามารถตั้งค่าบรรทัดเดียวและหลายบรรทัดที่จะแสดงได้
กฎการรวมจะกำหนดว่าจะรวม CSS ที่มีคุณสมบัติเดียวกันหรือไม่
แผงตัวเลือกตัวเลือก: Selector Case ตั้งค่าตัวพิมพ์ของตัวเลือก
ลำดับตัวเลือกกำหนดวิธีการเรียงลำดับของตัวเลือก
แผงคุณสมบัติ: กรณีทรัพย์สินจะกำหนดกรณีของคุณสมบัติ
ลำดับคุณสมบัติจะกำหนดลำดับของคุณสมบัติ แผงคุณสมบัติตัวย่อคุณสมบัติชวเลข: คุณสามารถเลือกย่อคุณสมบัติแบบอักษร พื้นหลัง ระยะขอบ และช่องว่างภายในได้
แผงคุณสมบัติอื่น ๆ :
รูปแบบสี รูปแบบสี: คุณสามารถเลือกเลขฐานสิบหก RGB ชื่อสี ฯลฯ
ทั้งหมดที่กล่าวมานี้ ฉันยังคงหวังว่าทุกคนจะสามารถพัฒนาความสามารถ CSS ของตนต่อไปได้ในทางปฏิบัติ TopStyle จะเป็นผู้ช่วยที่ดี!