ตัวเลือกคลาส CSS กำหนดเป้าหมายองค์ประกอบ HTML ทั้งหมดที่มีแอตทริบิวต์ชื่อคลาสที่ตรงกันแนบมา ไวยากรณ์ตัวเลือกคลาส: .class-name { property-name: value; } นี่คือองค์ประกอบ HTML ที่มีชื่อคลาสเดียวกันกับค่าแอตทริบิวต์: ตัวเลือกคลาส CSS .class-name แนบมากับ <div> องค์ประกอบที่มี class-name

CSS calc() ฟังก์ชันช่วยให้คุณใช้การคำนวณทางคณิตศาสตร์พื้นฐานกับค่าความยาวได้: เพิ่ม + ลบ - คูณ * ดิวิชั่น / ตัวอย่างเช่น สมมติว่าคุณต้องการใช้เปอร์เซ็นต์ความกว้าง 100% ในองค์ประกอบ แต่คุณต้องการสำรองความกว้างทั้งหมด 32px ในองค์ประกอบเดียวกันนั้น นี่คือวิธีการดำเนินการดังกล่าวด้วย calc() : div

dsdsตัวเลือก CSS id กำหนดเป้าหมายองค์ประกอบ HTML ด้วย id ที่ไม่ซ้ำกัน ไวยากรณ์ตัวเลือกรหัส: #id-name { property-name: value; } นี่คือองค์ประกอบ HTML ที่มีชื่อรหัสเดียวกันกับค่าแอตทริบิวต์: ตัวเลือก CSS id #id-name แนบมากับ <div> องค์ประกอบที่มี id-name คุณลักษณะ. นั่นหมายความว่าคุณสมบ

ตัวเลือก CSS id กำหนดเป้าหมายองค์ประกอบ HTML ด้วยรหัสที่ไม่ซ้ำกัน ไวยากรณ์ตัวเลือกรหัส: #id-name { property-name: value; } นี่คือองค์ประกอบ HTML ที่มีชื่อรหัสเดียวกันกับค่าแอตทริบิวต์: ตัวเลือก CSS id #id-name แนบมากับ <div> องค์ประกอบที่มี id-name คุณลักษณะ. นั่นหมายความว่าคุณสมบัติก

CSS ตัวเลือกประเภท (เรียกอีกอย่างว่า ตัวเลือกประเภทองค์ประกอบ ) ใช้เพื่อกำหนดเป้าหมายองค์ประกอบ HTML ตามประเภท ประเภทอาจเป็นองค์ประกอบ HTML ในตัว เช่น <h2> , <p> , <button> . ไวยากรณ์ตัวเลือกประเภท เราใช้ไวยากรณ์ต่อไปนี้เพื่อจัดรูปแบบองค์ประกอบผ่านตัวเลือกประเภท element-name {

การสร้างแอนิเมชั่นเป็นเรื่องง่ายด้วย CSS และส่วนที่สนุกคือคุณไม่จำเป็นต้องมีเฟรมเวิร์กหรือปลั๊กอินของบุคคลที่สาม กฎ @keyframes CSS เป็นเครื่องมือที่เราต้องการเพื่อสร้างแอนิเมชั่นเหล่านี้ @keyframes ไวยากรณ์ @keyframes เป็น CSS at-rule At-rules บอกว่า CSS ควรทำงานอย่างไร มีกฎเกณฑ์อื่นๆ อีกมากมาย

คุณสมบัติตำแหน่ง CSS จะปรับเปลี่ยนตำแหน่งขององค์ประกอบในหน้า HTML คุณสมบัติด้านบน ขวา ซ้าย และด้านล่างกำหนดตำแหน่งองค์ประกอบที่สัมพันธ์กับขอบของกล่อง คุณสมบัติ CSS ตำแหน่งมีห้าค่า:คงที่ คงที่ สัมพันธ์ เหนียว และแน่นอน การจัดตำแหน่งองค์ประกอบในตำแหน่งที่เหมาะสมตามข้อกำหนดเป็นส่วนสำคัญของการออกแบบ

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

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

ในการสร้างเอฟเฟกต์ข้อความตัวหนา CSS คุณต้องใช้คุณสมบัติ font-weight คุณสมบัติ font-weight จะกำหนด น้ำหนัก ของฟอนต์ หรือฟอนต์นั้นจะแสดงตัวหนาเพียงใด คุณสามารถใช้คีย์เวิร์ดหรือค่าตัวเลขเพื่อบอกให้ CSS รู้ว่าข้อความควรเป็นตัวหนาแค่ไหน ในฐานะนักพัฒนา ในการจัดวางเว็บไซต์ บางครั้งเราต้องการดึงความสนใจไป

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

วิธีการเรียนรู้ CSS คุณเคยสงสัยหรือไม่ว่าเว็บไซต์โปรดของคุณได้รับการออกแบบมาอย่างไร? เบื้องหลังการออกแบบเว็บไซต์ทุกครั้งคือพิมพ์เขียวสำหรับการออกแบบ นอกจากนี้ยังมีโค้ด CSS ที่ทำให้พิมพ์เขียวบรรลุผล Cascading Style Sheets หรือ CSS เป็นภาษาโปรแกรมที่นักพัฒนาใช้เพื่อกำหนดความสวยงามสำหรับเว็บไซต์ แม้ว

วิธีเรียนรู้สีลิงก์ CSS คุณสามารถเรียนรู้ CSS Link Colours ได้โดยดูจากหลักสูตรต่อไปนี้และแหล่งข้อมูลการฝึกอบรมอื่นๆ เจาะลึกลิงค์ที่คุณสนใจมากที่สุด สีลิงก์ CSS คืออะไร CSS Link Colours ควบคุมสีของลิงก์ที่ฝังไว้บนหน้าเว็บของคุณ เมื่อคุณเพิ่มลิงก์ สีจะถูกควบคุมโดยตัวเลือกการจัดสไตล์ของคุณ คุณสามารถเ

ตัวเลือก CSS จะเลือกองค์ประกอบที่คุณสามารถปรับใช้สไตล์ได้ ตัวเลือกพื้นฐานที่สุดคือตัวเลือกองค์ประกอบ ซึ่งเลือกองค์ประกอบตามชื่อ ตัวเลือกอื่นๆ ได้แก่ id, class, universal และ descendant selector Selectors เป็นหนึ่งในสองส่วนของคำสั่ง CSS ตัวเลือกใช้เพื่อกำหนดเป้าหมายองค์ประกอบบนหน้า HTML สำหรับรูปแบ

ตัวเลือก CSS :hover จะเลือกองค์ประกอบเมื่อคุณวางเคอร์เซอร์ไว้เหนือองค์ประกอบนั้นด้วยเคอร์เซอร์ของคุณ ตัวอย่างเช่น คุณสามารถใช้ :hover เพื่อเปลี่ยนสีของลิงก์เมื่อคุณวางเมาส์เหนือลิงก์ คุณอาจต้องการเปลี่ยนสไตล์ที่ใช้กับองค์ประกอบบนหน้าเว็บของคุณเมื่อผู้ใช้วางเมาส์เหนือองค์ประกอบนั้น นั่นคือที่มาของ

ฟังก์ชัน CSS หมุน () ทำให้องค์ประกอบเอียงตามจำนวนองศาที่กำหนด คุณสามารถหมุนองค์ประกอบตามเข็มนาฬิกาโดยใช้จำนวนองศาบวก หรือจะหมุนองค์ประกอบทวนเข็มนาฬิกาโดยใช้จำนวนลบก็ได้ วันนี้เราจะมาเรียนรู้วิธีหมุนองค์ประกอบด้วย CSS ทำไมเราควรหมุนองค์ประกอบ? การหมุนองค์ประกอบทำให้หน้าเว็บของคุณมีการโต้ตอบมากขึ้น

คุณสมบัติ CSS line-height กำหนดความสูงของบรรทัดขององค์ประกอบ HTML ต่างๆ มักใช้เพื่อกำหนดระยะห่างระหว่างบรรทัดข้อความ ความสูงของเส้นสามารถกำหนดได้โดยใช้คำหลัก เปอร์เซ็นต์ หรือค่าตัวเลข คุณสมบัติ CSS line-height ช่วยให้นักพัฒนาสามารถกำหนดช่องว่างระหว่างสององค์ประกอบแบบอินไลน์บนหน้าเว็บ นักพัฒนามักใช

คุณสมบัติสีพื้นหลัง CSS ใช้สีกับองค์ประกอบข้อความ คุณสามารถระบุคีย์เวิร์ดสี CSS ในตัว ค่าฐานสิบหก หรือค่าสีอื่นด้วยคุณสมบัติสีพื้นหลัง ไวยากรณ์สำหรับคุณสมบัตินี้คือ:color:yourcolor;. วิธีการใช้สีแบบอักษร CSS การตั้งค่าสีและสีพื้นหลังของข้อความบนเว็บไซต์เป็นส่วนสำคัญของการออกแบบเว็บ นั่นคือที่มาขอ

การแปลงข้อความ:คุณสมบัติ CSS ตัวพิมพ์ใหญ่ตั้งค่าเนื้อหาขององค์ประกอบข้อความเป็นตัวพิมพ์ใหญ่ทั้งหมด คุณยังสามารถใช้คุณสมบัตินี้เพื่อตั้งค่าเนื้อหาขององค์ประกอบข้อความเป็นตัวพิมพ์เล็กหรือตัวพิมพ์ใหญ่ การแปลงข้อความใช้ได้กับย่อหน้า หัวเรื่อง หรือองค์ประกอบข้อความอื่นๆ เมื่อเขียนและพัฒนาเว็บไซต์ นักพ

ตัวเลือก CSS :nth-child() นำสไตล์ไปใช้กับองค์ประกอบที่ตำแหน่งเฉพาะในกลุ่ม บ่อยครั้ง ตัวเลือก :nth-child() ถูกใช้เพื่อจัดรูปแบบรายการเฉพาะ เช่น ทุกรายการที่สองหรือสาม เมื่อคุณออกแบบเว็บไซต์ คุณอาจต้องการนำสไตล์ไปใช้กับชุดองค์ประกอบที่เลือกไว้ในคอนเทนเนอร์เท่านั้น ตัวอย่างเช่น คุณอาจต้องการใช้สไตล์ก