CSS Tutorial APK

*New Application Lunch

CSS เป็นภาษาที่อธิบายสไตล์ของเอกสาร HTML

CSS อธิบายว่าควรจะแสดงองค์ประกอบ HTML อย่างไร

บทแนะนำนี้จะสอนคุณเกี่ยวกับ CSS ตั้งแต่ขั้นพื้นฐานจนถึงขั้นสูง

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

CSS คืออะไร?
CSS ย่อมาจาก Cascading Style Sheets
CSS อธิบายถึงองค์ประกอบ HTML ที่จะปรากฏบนหน้าจอกระดาษหรือในสื่ออื่น ๆ
CSS ช่วยประหยัดงานได้มาก สามารถควบคุมการจัดวางหน้าเว็บหลายหน้าพร้อมกันได้
ชีตชีตภายนอกจะถูกเก็บไว้ในไฟล์ CSS

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

CSS แก้ปัญหาใหญ่

CSS ช่วยประหยัดการทำงาน!
นิยามสไตล์ถูกบันทึกไว้เป็นปกติในไฟล์. css ภายนอก

ด้วยไฟล์ stylesheet ภายนอกคุณสามารถเปลี่ยนรูปลักษณ์ของเว็บไซต์ทั้งหมดได้โดยการเปลี่ยนไฟล์เพียงไฟล์เดียว!
ชุดกฎ CSS ประกอบด้วยตัวเลือกและกลุ่มการประกาศ:
ตัวเลือกจะชี้ไปที่องค์ประกอบ HTML ที่คุณต้องการกำหนดสไตล์

บล็อกการประกาศประกอบด้วยการประกาศอย่างน้อยหนึ่งรายการโดยคั่นด้วยเครื่องหมายอัฒภาค

การประกาศแต่ละครั้งมีชื่อคุณสมบัติ CSS และค่าคั่นด้วยเครื่องหมายจุดคู่

การประกาศ CSS จะสิ้นสุดลงด้วยเครื่องหมายอัฒภาคและบล็อกประกาศล้อมรอบด้วยวงเล็บปีกกา

ในตัวอย่างต่อไปนี้องค์ประกอบ

ทั้งหมดจะมีการจัดแนวกึ่งกลางพร้อมด้วยสีข้อความสีแดง:

ตัวเลือก CSS
selectors CSS ใช้เพื่อค้นหา "(หรือเลือก) องค์ประกอบ HTML ตามชื่อองค์ประกอบ id คลาสแอตทริบิวต์และอื่น ๆ

ตัวเลือกองค์ประกอบ
ตัวเลือกองค์ประกอบจะเลือกองค์ประกอบตามชื่อองค์ประกอบ

คุณสามารถเลือกองค์ประกอบ

ทั้งหมดในหน้าเว็บเช่นนี้ (ในกรณีนี้องค์ประกอบทั้งหมด

จะเรียงตามกึ่งกลางพร้อมด้วยสีข้อความสีแดง):

ตัวเลือก id
ตัวเลือก id ใช้แอตทริบิวต์ id ขององค์ประกอบ HTML เพื่อเลือกองค์ประกอบเฉพาะ

รหัสขององค์ประกอบควรมีเอกลักษณ์เฉพาะภายในหน้าดังนั้นตัวเลือก id จะถูกใช้เพื่อเลือกองค์ประกอบที่ไม่เหมือนใคร!

เมื่อต้องการเลือกองค์ประกอบที่มีรหัสเฉพาะให้เขียนอักขระกัญชา (#) ตามด้วยรหัสขององค์ประกอบ

คุณสมบัติ:
✓พื้นฐาน CSS - สีพื้นหลังแบบอักษรข้อความรูปภาพลิงก์ตารางขอบเส้นขอบรายการปัดเศษเคอร์เซอร์เส้นขอบ Scrollbars ฯลฯ
✓ CSS ขั้นสูง: ทัศนวิสัยการวางตำแหน่งเลเยอร์เอฟเฟ็กต์ข้อความชนิดสื่อสิ่งพิมพ์ Paged Media เลย์เอาท์ ฯลฯ
✓CSS3การสอน: มุมโค้งงอ, รูปภาพชายแดน, พื้นหลังหลายสี, การไล่ระดับสี, เงา, ข้อความ, ตัวอักษรเว็บ, การแปลง 2 มิติ, การแปลง 3D, การสร้างภาพเคลื่อนไหว, คอลัมน์หลายส่วน, การกำหนดขนาดของผู้ใช้
✓รวมวิดีโอสอนเกี่ยวกับกวดวิชา 80 และวิดีโอสอน CSS3, บทแนะนำเกี่ยวกับ CSS Animation Video
✓ความสามารถในการเรียนรู้ในเวลาของคุณเองจากทุกที่เมื่อคุณไม่สามารถเข้าถึงอินเทอร์เน็ตได้
✓เหมาะสำหรับอุปกรณ์ที่รองรับ Android ส่วนใหญ่พร้อมกราฟิกและการออกแบบที่ดีขึ้น

Tag:
เรียนรู้ CSS เรียนรู้ CSS Animation, บทแนะนำ, เรียนรู้เกี่ยวกับภาพเคลื่อนไหวฟรี, เรียนรู้ CSS, สอน CSS ฟรี