รายการที่ไม่เรียงลำดับ (<ul> ) บนหน้าเว็บมีรูปแบบที่มีสัญลักษณ์แสดงหัวข้อย่อยเป็นวงกลม โดยค่าเริ่มต้น แต่ถ้าคุณต้องการลบสัญลักษณ์แสดงหัวข้อย่อยในรายการเช่น เมื่อสร้างองค์ประกอบการนำทาง HTML ต่อไปนี้เป็นโครงสร้างทั่วไปสำหรับองค์ประกอบการนำทาง/เมนูบนเว็บไซต์ ในการลบสัญลักษณ์แสดงหัวข้อย่อยออกจ

เรียนรู้วิธีเพิ่มสีการไล่ระดับสีเชิงเส้นให้กับองค์ประกอบข้อความของคุณด้วย CSS และวิธีหลีกเลี่ยงข้อผิดพลาดในการไล่ระดับสีทั่วไป ในการเพิ่มสีข้อความแบบไล่ระดับให้กับองค์ประกอบข้อความ HTML คุณจะต้องมีคุณสมบัติ CSS ต่อไปนี้: background -webkit-background-clip -webkit-text-fill-color ทำไมเราใช้ ba

ในการจัดรูปแบบข้อความตัวแทนขององค์ประกอบอินพุต HTML ด้วย CSS คุณต้องกำหนดเป้าหมาย องค์ประกอบหลอก คุณลักษณะ. คุณทำอย่างนั้นด้วยตัวเลือกหลอก CSS :: . องค์ประกอบอินพุตปกติที่มีข้อความตัวยึดตำแหน่ง ลักษณะข้อความตัวแทนมีลักษณะอย่างไรกับสไตล์เบราว์เซอร์เริ่มต้น: CSS ตอนนี้ มาใช้ CSS ::placeholder . กั

เรียนรู้วิธีปรับการจัดช่องไฟด้วย CSS หากแบบอักษรเว็บที่คุณเลือกมีข้อมูลการจัดช่องไฟ เบราว์เซอร์ของคุณจะกำหนดโดยอัตโนมัติว่าควรใช้การจัดรูปแบบแบบอักษรกับข้อความของคุณหรือไม่ ทำได้โดยใช้ font-kerning คุณสมบัติ CSS ซึ่งตั้งค่าเป็น auto โดยค่าเริ่มต้น: font-kerning: auto; กล่าวคือ เบราว์เซอร์อาจตัดสิน

font-stretch คุณสมบัติ CSS ทำให้ข้อความของคุณแคบลง (ย่อ) หรือกว้างขึ้น (ขยาย) แบบอักษรประเภทนี้เรียกอีกอย่างว่า ย่อ หรือ ขยาย แบบอักษร แบบอักษรย่อ มีอักขระที่มีความกว้างเส้นขีดแคบ นอกจากนี้ยังมีช่องว่างระหว่างอักขระที่แคบกว่ามาก (การเว้นวรรคระหว่างตัวอักษร/การนำหน้า) เมื่อเทียบกับแบบอักษรปกติ แบบ

คุณสมบัติแบบอักษร CSS ช่วยให้คุณใช้แบบอักษร (รูปแบบ) ที่แตกต่างกันสามประเภทสำหรับข้อความ ปกติ ตัวเอียง และเฉียง: .normal{ font-style: normal; } .italic { font-style: italic; } .oblique { font-style: oblique; } normal :คือรูปแบบตัวอักษรโรมัน/ปกติเริ่มต้นที่ใช้สำหรับข้อความปกติ italic :เป็นแบ

เรียนรู้วิธีใช้ CSS ตัวแปรแบบอักษร เพื่อใช้ตัวอักษรพิมพ์เล็กสำหรับข้อความของคุณ — และคุณควรใช้ตัวพิมพ์เล็กหรือไม่ CSS font-variant คุณสมบัติระบุว่าข้อความของคุณแสดงเป็นกรณีข้อความปกติหรือแบบอักษรตัวพิมพ์เล็ก คุณสมบัติมีสามค่า: ปกติ (ตัวพิมพ์เริ่มต้น) สืบทอด ตัวพิมพ์เล็ก การใช้งานพื้นฐาน: .small-

เรียนรู้วิธีใช้ CSS @import rule เพื่อนำเข้าสไตล์ชีต CSS @import at-rule อนุญาตให้คุณนำเข้าสไตล์ชีต CSS ลงในสไตล์ชีต CSS อื่น ใช้งานได้จริงสำหรับเว็บไซต์ที่มีฐานโค้ดขนาดใหญ่/กำลังเติบโต การใช้งานพื้นฐาน: @import url(variables.css); วิธีนี้ช่วยให้คุณแยกสไตล์ CSS ออกเป็นไฟล์แต่ละไฟล์สำหรับตัวแปร แบ

เรียนรู้วิธีใส่องค์ประกอบที่ด้านล่างของคอนเทนเนอร์ด้วย CSS HTML มีความสัมพันธ์แบบ parent-child ในการวางองค์ประกอบที่ด้านล่างของคอนเทนเนอร์ด้วย CSS คุณต้องใช้คุณสมบัติและค่าต่อไปนี้: position: relative; (แม่) position: absolute; (ลูก) bottom: 0; (ลูก) ตัวอย่าง: .parent { position: relative; }

ในการตั้งค่าสีพื้นหลังไล่ระดับสีด้วย CSS คุณต้องเพิ่ม linear-gradient() กับbackground .ของคุณ คุณสมบัติ. มาสร้างคลาสบ็อกซ์ง่ายๆ กันเถอะ: .box { width: 200px; height: 200px; background: linear-gradient(yellow, red); } ผลลัพธ์: คุณสามารถเปลี่ยนสีที่เริ่มต้นและสิ้นสุดได้ด้วยการเรียงลำดับใหม่

เรียนรู้เกี่ยวกับความแตกต่างระหว่างสี RGB และ RGBa ใน CSS และวิธีที่คุณสามารถใช้ RGBa เพื่อสร้างส่วนประกอบ UI ที่สวยงามและดึงดูดความสนใจสำหรับเว็บไซต์ของคุณ RGB และ RGBA เป็นโมเดลสีสองแบบที่ใช้ใน CSS ซึ่งเป็นทางเลือกแทนการใช้ค่าสีรหัสฐานสิบหก (เช่น #282828 ). RGB และ RGBa แตกต่างกันอย่างไร? RGB

เรียนรู้วิธีออกแบบองค์ประกอบ UI Card ที่เรียบง่ายและสวยงามสำหรับเว็บไซต์ของคุณด้วย HTML และ CSS นอกจากนี้ คุณจะได้เรียนรู้ เคล็ดลับ การไล่ระดับสีเชิงเส้นเพื่อทำให้ข้อความของคุณโดดเด่นขึ้นเล็กน้อยโดยไม่ทำให้การ์ดของคุณมืดเกินไป การ์ด UI เป็นองค์ประกอบ UI ที่ทำหน้าที่เป็นอาหารเรียกน้ำย่อยบนเว็บไซต์ ก

เรียนรู้วิธีใช้ CSS padding ทรัพย์สิน CSS padding คุณสมบัติใช้เพื่อควบคุมปริมาณพื้นที่ ภายใน องค์ประกอบ HTML ระหว่างเนื้อหาและเส้นขอบ padding มักจะสับสนกับ CSS margin คุณสมบัติซึ่งเพิ่มช่องว่าง ภายนอก เส้นขอบขององค์ประกอบ (ตรงข้ามกับสิ่งที่ padding ได้) พื้นฐานการเติม CSS นี่คือองค์ประกอบปุ่มที่

เรียนรู้เกี่ยวกับความแตกต่างระหว่างระยะขอบและช่องว่างภายในใน CSS Margin vs. Padding เริ่มต้นด้วยคำจำกัดความที่สั้นที่สุด: margin เพิ่มระยะห่างนอกเส้นขอบขององค์ประกอบ HTML padding เพิ่มระยะห่างภายในเส้นขอบขององค์ประกอบ HTML เมื่อคุณใช้ระยะขอบหรือช่องว่างภายในกับองค์ประกอบ HTML สิ่งเหล่านี้จะส่งผ

เรียนรู้วิธีใช้คุณสมบัติชวเลข CSS เพื่อให้สไตล์ชีตของคุณใช้พื้นที่น้อยลง คุณสมบัติชวเลข CSS ช่วยให้คุณเขียนน้อยลงและทำมากขึ้น สมมติว่าคุณต้องการจัดรูปแบบ h1 . ของคุณ องค์ประกอบที่มีจอร์เจีย ตระกูลแบบอักษร ขนาดแบบอักษร 42 พิกเซล และความสูงของบรรทัด 1.25 ขั้นแรก มาดูวิธี CSS ปกติด้านล่าง: h1 {

HTML มีแอตทริบิวต์ที่เรียกว่า preload ที่ให้คุณให้ คำใบ้กับเบราว์เซอร์ได้ เกี่ยวกับวิธีการและที่สำคัญกว่านั้น เมื่อ เพื่อโหลดเนื้อหาเมื่อโหลดหน้า preload แอตทริบิวต์สามารถใช้ได้กับองค์ประกอบ HTML หลายรายการ ตัวอย่างเช่น คุณสามารถเพิ่มลงใน <link> องค์ประกอบเพื่อให้เบราว์เซอร์เริ่มต้นการดึงข้อ

เรียนรู้วิธีใช้ CSS box-sizing คุณสมบัติเพื่อควบคุมวิธีที่เบราว์เซอร์คำนวณและแสดงผลความกว้างและความสูงขององค์ประกอบ HTML ของคุณ box-sizing (content-box เทียบกับ border-box) CSS box-sizing คุณสมบัติมีสองค่า: content-box (ค่าเริ่มต้น) border-box ค่าการปรับขนาดกล่องทั้งสองจะส่งผลต่อวิธีที่เบราว์เซ

เรียนรู้วิธีใช้สี HSL และ HSLa ใน CSS และสิ่งที่ทำให้สีเหล่านี้แตกต่างจาก RGB/RGBa และ Hex HSL และ HSLa เป็นวิธีการสีใน CSS ที่คุณใช้เป็นทางเลือกแทน Hex หรือ RGB/RGBa เพื่อใช้ โลกแห่งความเป็นจริง ได้มากขึ้น สีสันให้กับเว็บไซต์ของคุณ HSL และ HSLa ค่อนข้างใหม่ในโลก CSS แต่ในโลกของสีทั่วไปนั้น มีมาต

เรียนรู้วิธีใช้สีฐานสิบหก (เรียกอีกอย่างว่า “สีฐานสิบหก” ใน CSS สัญกรณ์ฐานสิบหก (หรือสัญกรณ์สีฐานสิบหก) เป็นอีกวิธีหนึ่งในการแสดงสี RGB สัญกรณ์สีฐานสิบหกถูกระบุในสามช่วงตึกโดยมีสองค่าในแต่ละ: RR จีจี บีบี พวกเขากลายเป็น #RRGGBB ในภาษากรีก Hexa หมายถึงเลขหก (6) และอย่างที่คุณเห็น ผลรวมของ RRGG

มีคำหลัก CSS จำนวนมากที่กำหนดสีโดยใช้ชื่อจริงแทนตัวเลข นี่คือรายชื่อสี CSS อย่างเป็นทางการ: อลิซบลู แอนทีคไวท์ น้ำ พลอยสีฟ้า สีฟ้า สีเบจ บิสกิต สีดำ ลวก สีน้ำเงิน บลูไวโอเล็ต สีน้ำตาล ไม้เนื้ออ่อน นักเรียนนายร้อย กฎเกณฑ์ ช็อกโกแลต ปะการัง คอร์นฟลาวเวอร์บลู คอร์นซิล