สไตล์ชีตแบบเรียงซ้อนใช้เพื่อจัดรูปแบบเนื้อหาของหน้า HTML ดังนั้น คำสั่งทั้งหมดที่ใช้ใน CSS จึงมุ่งเป้าไปที่การแก้ไขลักษณะที่ปรากฏขององค์ประกอบใดๆ ของเอกสาร HTML
มันจำเป็น
คอมพิวเตอร์ที่มีการเชื่อมต่ออินเทอร์เน็ต
คำแนะนำ
ขั้นตอนที่ 1
อ่านเกี่ยวกับวิธีการใช้สไตล์ชีตแบบเรียงซ้อน การจัดรูปแบบข้อความเป็นคุณลักษณะที่ใช้บ่อยที่สุดของสไตล์ชีตแบบเรียงซ้อน เอกสาร HTML ใด ๆ ที่มีข้อความจำนวนมากในส่วนต่างๆ ในเวลาเดียวกัน แต่ละส่วนของหน้าควรมีรูปแบบและแบบอักษรของตัวเอง: ส่วนหนึ่งของข้อความคือข้อความของเมนู อีกส่วนหนึ่งคือชื่อเรื่อง ส่วนที่สามคือข้อความหลักของหน้า ฯลฯ ในการจัดรูปแบบข้อมูลข้อความ คำสั่งจะใช้เพื่อเปลี่ยนชื่อแบบอักษร ขนาด น้ำหนัก ฯลฯ
ขั้นตอนที่ 2
ก่อนอื่น ให้สังเกตพารามิเตอร์สไตล์ฟอนต์ คุณลักษณะนี้ช่วยให้คุณสามารถตั้งค่าแบบอักษรเฉพาะสำหรับแท็กนี้ ชื่อของแบบอักษรเขียนหลังเครื่องหมาย ":" แอตทริบิวต์รูปแบบขนาดแบบอักษรใช้เพื่อกำหนดขนาดของข้อความที่อยู่ในแท็ก ค่าขนาดยังเขียนหลังเครื่องหมาย ":" และระบุเป็นพิกเซล เช่น "ขนาดแบบอักษร: 20px"
ขั้นตอนที่ 3
โปรดทราบว่าพารามิเตอร์รูปแบบสามารถต่อและเขียนเข้าด้วยกันโดยใช้เครื่องหมาย “;” สิ่งนี้มีประโยชน์หากคุณต้องการตั้งค่าพารามิเตอร์หลายตัวสำหรับหนึ่งแท็ก
ขั้นตอนที่ 4
ใช้สีแอตทริบิวต์ style เพื่อเปลี่ยนสีของข้อความ ชื่อสีเขียนด้วยวิธีมาตรฐาน: เขียว น้ำเงิน แดง ฯลฯ นอกจากนี้ยังมีความสามารถในการกำหนดสีของข้อความไม่เพียงเท่านั้น แต่ยังรวมถึงสีพื้นหลังด้วย เพื่อจุดประสงค์นี้จะใช้แอตทริบิวต์สีพื้นหลังหลังจากนั้นจะต้องระบุสีที่เลือกด้วย หากคุณต้องการใช้รูปภาพ ไม่ใช่การเติม เป็นพื้นหลังในพื้นที่ของแท็กนี้ ให้อ้างอิงถึงพารามิเตอร์สไตล์รูปภาพพื้นหลัง โดยระบุแหล่งที่มาของรูปภาพตามหลัง
ขั้นตอนที่ 5
ทำความคุ้นเคยกับแอตทริบิวต์รูปแบบจำนวนหนึ่งซึ่งกำหนดพารามิเตอร์ขององค์ประกอบของหน้า ซึ่งอย่างแรกเลย ได้แก่ การเติมขอบ ขอบ การลอย ตำแหน่ง
ขั้นตอนที่ 6
ใช้พารามิเตอร์ padding เพื่อกำหนดจำนวนระยะขอบที่ผูกกับแท็กที่กำหนด ในกรณีนี้ ค่านี้จะถูกนับจากแต่ละด้าน ระบุแอตทริบิวต์ border เพื่อสร้างเส้นขอบของฟิลด์นี้ หลังโคลอน ความกว้างของเส้นขอบจะเขียนเป็นพิกเซล คุณสมบัติ float จะช่วยให้องค์ประกอบในหน้าของคุณลอยไปทางขวาหรือซ้าย ในการนี้ พารามิเตอร์ที่มีคุณสมบัติตามที่กำหนดของคุณสมบัตินี้จะอยู่ทางซ้ายหรือขวา
ขั้นตอนที่ 7
หากคุณต้องการกำหนดตำแหน่งวัตถุบนเอกสารอย่างแม่นยำ ให้ใช้คุณสมบัติตำแหน่ง มันระบุตำแหน่งขององค์ประกอบของหน้าในลักษณะที่แน่นอน เช่น "ตำแหน่ง: สัมบูรณ์; ด้านล่าง: 50px; ขวา: 10px;" หรือในทางสัมพัทธ์ตามระยะห่างจากขอบของหน้า
