Css คืออะไร

สารบัญ:

Css คืออะไร
Css คืออะไร

วีดีโอ: Css คืออะไร

วีดีโอ: Css คืออะไร
วีดีโอ: CSS3 ตอนที่ 1 - CSS คืออะไร Intro to css 2024, พฤศจิกายน
Anonim

CSS เป็นสไตล์ชีตแบบเรียงซ้อนที่ใช้เพื่อสร้างองค์ประกอบภาพบนหน้าทรัพยากรอินเทอร์เน็ต การแสดงผลของวัตถุที่ระบุใน CSS ถูกนำมาใช้ในภาษามาร์กอัป HTML ไม่สามารถใช้ตาราง Cascading เพียงอย่างเดียวได้

css คืออะไร
css คืออะไร

การใช้ CSS

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

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

หากใช้ HTML เป็นวิธีการจัดโครงสร้างข้อความของหน้าเท่านั้น CSS จะอนุญาตให้คุณปรับแต่งการแสดงเนื้อหาที่แสดงได้

ไวยากรณ์ CSS และการรวมอยู่ในโค้ด HTML HTML

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

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

โค้ด CSS มีไวยากรณ์บางอย่าง ซึ่งควรยึดถืออย่างเคร่งครัด มิฉะนั้น สไตล์ที่สร้างขึ้นจะไม่ปรากฏบนหน้า ส่วนของโค้ด CSS สามารถแบ่งออกเป็น 3 องค์ประกอบหลัก ได้แก่ ตัวเลือก คุณสมบัติ และค่า รายการเหล่านี้เขียนดังนี้:

ตัวเลือก {คุณสมบัติ: ค่า; }

ตัวเลือกระบุหมายเลขอ้างอิงที่ใช้กฎการแสดงผลที่สร้างขึ้น พารามิเตอร์คุณสมบัติกำหนดลักษณะที่แก้ไขได้ขององค์ประกอบ และค่ากำหนดตัวเลือกที่สอดคล้องกันสำหรับคุณสมบัติ ตัวอย่างเช่น หากต้องการเปลี่ยนสีในส่วนหัวระดับที่สอง

HTML คุณสามารถใช้รหัสต่อไปนี้:

h2 {สี: แดง; }

รหัสนี้กำหนดสีข้อความเป็นสีแดง ซึ่งอยู่ในตัวอธิบายส่วนหัวระดับที่สอง

CSS ใช้ตารางสี HTML มาตรฐาน

นอกจากการใช้แท็กแล้ว คุณยังสามารถใช้แท็กภายในได้อีกด้วย ตัวอย่างเช่น:

หัวเรื่อง

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

แนะนำ: