Latest web development tutorials
×

CSS หลักสูตร

CSS หลักสูตร CSS แนะนำโดยย่อ CSS ไวยากรณ์ CSS Id และ Class ผู้เลือก CSS สร้าง CSS พื้นหลัง(background) CSS ข้อความ(text) CSS แบบอักษร(Fonts) CSS ลิงค์(link) CSS ลักษณะของรายการ(ul) CSS ตาราง(table) CSS รูปแบบกล่อง CSS กรอบ(border) CSS เส้นแสดงรูปร่าง(outline) CSS ขอบ(margin) CSS การกรอก(padding) CSS การจัดกลุ่มและการสร้างรัง CSS ขนาด(Dimension) CSS แสดงผล(display) CSS ตั้งอยู่(position) CSS ลอย(float) CSS เป็นเส้นตรง(align) CSS การรวมกันของเตอร์ CSS หลอกชั้นเรียน CSS องค์ประกอบหลอก CSS ป้าย CSS เมนูแบบเลื่อนลง CSS แกลเลอรี่ภาพ CSS ภาพใส/ทึบแสง CSS ภาพโมเสคเทคโนโลยี CSS ประเภทสื่อ CSS แอตทริบิวต์เตอร์ CSS ย่อ CSS ตัวอย่าง

CSS3 หลักสูตร

CSS3 หลักสูตร CSS3 แนะนำโดยย่อ CSS3 กรอบ(border) CSS3 พื้นหลัง CSS3 การเปลี่ยนแปลงอย่างค่อยเป็นค่อยไป CSS3 ผลข้อความ CSS3 แบบอักษร CSS3 2D เปลี่ยนแปลง CSS3 3D เปลี่ยนแปลง CSS3 การเปลี่ยนแปลง CSS3 นิเมชั่น CSS3 หลายคอลัมน์ CSS3 ส่วนติดต่อผู้ใช้

CSS ออกแบบที่ตอบสนอง

Viewport ตารางมุมมอง คำสั่งสื่อ ภาพ วีดีโอ(video) กรอบ

CSS คู่มืออ้างอิง

CSS คู่มืออ้างอิง CSS ผู้เลือก CSS อ้างอิงคำพูด CSS Web แบบอักษรปลอดภัย CSS นิเมชั่น CSS หน่วย CSS สี CSS ค่าสี CSS ชื่อสี CSS สีเลขฐานสิบหก

Id CSS และชั้นเตอร์

ID และระดับเตอร์

หากคุณต้องการตั้งค่ารูปแบบ CSS ในองค์ประกอบ HTML คุณจะต้องตั้ง "ID" และ "คลาส" องค์ประกอบที่เลือก


เลือก ID

เลือก ID อาจมีข้อความที่มีรหัสเฉพาะขององค์ประกอบ HTML ระบุลักษณะเฉพาะ

องค์ประกอบ HTML มีคุณลักษณะ ID ที่กำหนดเตอร์ ID, CSS ID เลือกที่ "#" จะถูกกำหนด

กฎต่อไปนี้นำไปใช้กับองค์ประกอบสไตล์แอตทริบิวต์ id = "para1":

ตัวอย่าง

#para1
{
text-align:center;
color:red;
}

ลอง»

คำพูด แอตทริบิวต์ ID ไม่ได้เริ่มต้นด้วยตัวเลขหมายเลข ID ที่จุดเริ่มต้นไม่ทำงานในเบราว์เซอร์ Mozilla Firefox /


เลือกระดับ

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

เลือกเรียนในระดับแอตทริบิวต์ HTML เพื่อแสดงให้เห็นในตัวเลือกของคลา CSS เพื่อจำนวนจุดที่แสดง "".

ในตัวอย่างต่อไปนี้ทุกคนมีศูนย์เช่นองค์ประกอบ HTML เป็นศูนย์กลาง

ตัวอย่าง

.center {text-align:center;}

ลอง»

นอกจากนี้คุณยังสามารถระบุ HTML เฉพาะองค์ประกอบที่ใช้คลาส

ในตัวอย่างต่อไปทุกองค์ประกอบ P ใช้ class = "center" เพื่อให้ข้อความขององค์ประกอบของศูนย์นี้:

ตัวอย่าง

p.center {text-align:center;}

ลอง»

คำพูด ชื่อคลาสตัวอักษรตัวแรกไม่สามารถใช้ดิจิตอล! มันไม่สามารถทำงานร่วมกับ Mozilla หรือ Firefox