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

ในหน้านี้เราจะมีจอห์นฮาร์วาร์ ชื่อ, ที่อยู่ด้านล่างซึ่งจะเป็น ข้อความที่ดีสำหรับผู้เข้าชมของเขาภายใต้ ซึ่งจะเป็นส่วนท้ายด้วย กล่าวว่าบางข้อมูลเกี่ยวกับลิขสิทธิ์ การทำเช่นนี้ให้มีกำหนดสามฝ่าย หน้าใช้แท็ก เรียก div เปิด div วงเล็บ, จอห์นฮาร์วาร์ใกล้ div วงเล็บวงเล็บ div อื่นเปิด และตอนนี้เราจะระบุบางสิ่งบางอย่าง เช่นยินดีต้อนรับสู่หน้าแรกของฉัน และขอปิด div นี้ได้เป็นอย่างดี 

และตอนนี้สามและครั้งสุดท้าย div ลิขสิทธิ์ เพียงเพื่อให้แฟนซีให้ฉันใช้ตอนนี้ HTML นิติบุคคลซึ่งเป็นสัญลักษณ์ที่แสดงถึง ตัวละครที่คุณอาจจะไม่เป็นอย่างอื่น พิมพ์บนแป้นพิมพ์ของคุณ โดยเฉพาะอย่างยิ่งที่ฉันจะทำอย่างไร เครื่องหมายปอนด์, 169, อัฒภาค ปรากฎว่าเป็นรหัสตัวเลข สัญลักษณ์ลิขสิทธิ์ จากนั้นให้ระบุจอห์นฮาร์วาร์ ที่นี่ที่ด้านล่าง ลองปิด div และบันทึกไฟล์ 

ตอนนี้สิ่งที่เป็นแท็ก div นี้ แท็ก div เพียงแค่กำหนดหมวด ของหน้าซึ่งเป็นหลัก พื้นที่สี่เหลี่ยม ดังนั้นในขณะที่ในเวลานี้ผมมีสาม ภูมิภาคสี่เหลี่ยมหนึ่งอยู่ด้านบน ของอื่น ๆ ดังนั้นสำหรับตอนนี้ผลที่ได้คือเกือบจะเป็น แต่ผมมีสามย่อหน้า แต่เราจะไม่เห็นค่อนข้างมาก พื้นที่สีขาวในระหว่างพวกเขา 

ลองบันทึกแฟ้มนี้เปลี่ยนของ สิทธิ์และใช้เวลามองหา ขณะที่โครเมี่ยม chmod + r CSS0.html ตอนนี้ขอเปิด Chrome และเยี่ยมชม http://localhost.CSS0.html อันที่จริงนี่เป็นหน้าแรก จอห์นฮาร์วาร์ ตอนนี้ขออสังหาริมทรัพย์ซึ่งมันน้อยมาก แม่นยำใช้ CSS บาง 

ย้อนกลับไปใน Gedit ให้เข้าไปนี้ แท็ก div แรกและเพิ่มรูปแบบ แอตทริบิวต์ระบุว่าฉันต้องการ ขนาดตัวอักษรของการพูด, 36 พิกเซลหรือ px และฉันต้องการน้ำหนักของตัวอักษรนี้ ที่จะเป็นตัวหนามากกว่าการเริ่มต้น ซึ่งเป็นเรื่องปกติ สำหรับ div ที่สองให้ระบุ อีกหนึ่งคุณลักษณะที่มีสไตล์ ขนาดตัวอักษร 24 พิกเซลดังนั้น นิด ๆ หน่อย ๆ มีขนาดเล็ก ปิดคำพูดหลังจากอัฒภาค 

สุดท้ายใน div ที่สามนี้ขอทำ สไตล์ขนาดเท่ากับอ้างอักษรและ สมมติว่า 12 พิกเซลในเวลานี้ ปิดอ้างหลังจากอัฒภาค แจ้งให้ทราบแล้วที่ฉันดูเหมือนจะมี ระบุบิตของการ stylization แต่ละเหล่านี้สาม divs ใช้ มันจะเปิดออก, CSS ในความเป็นจริงรูปแบบที่คุณเห็นใน ระหว่างคำพูดสองนั้นคือ, CSS โดยเฉพาะ CSS คุณสมบัติ ด้วยค่า และการที่แท็กแรกที่ผมมี สองคุณสมบัติเช่นขนาดตัวอักษรและ น้ำหนักตัวอักษรผมก็แยกออกจากกัน พวกเขาด้วยเครื่องหมายอัฒภาค 

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

ตอนนี้เรามีความน่าสนใจมากขึ้นเล็กน้อย หน้าแรกของจอห์น ฮาร์วาร์โดยบรรทัดแรกด้วย ชื่อซึ่งเป็นที่ด้านในของเขา div แรกเป็น 36 พิกเซลสูงและยัง ตัวหนาโดยสายที่สอง ซึ่งเป็นที่ที่สอง div, 24 พิกเซลสูง แต่ไม่หนา และด้วยเหตุนี้ในบรรทัดที่สามที่สามที่ div 12 พิกเซลสูงและยัง ไม่หนา แต่สมมติว่าตอนนี้ฉันต้องการที่จะเปลี่ยน ทั้งหมดของข้อความนี้ในช่วง ดังกล่าวว่ามันเป็นศูนย์กลาง 

ฉันจะจัดแต่ละบุคคล divs ว่าเป็นศูนย์กลาง แต่ได้ง่ายขึ้นฉันจะห่อเหล่านั้น สาม divs ภายในของ div ที่สี่ div ผู้ปกครองจึงจะพูดและระบุ ที่ div ที่และทุกของ ลูกหลานควรจะเป็น ข้อความชิดศูนย์? ลองมาดู 

ภายใน Gedit ให้กลับไปของฉัน ร่างกายและเพิ่ม div เติมใหม่ที่มี div สไตล์เท่ากับอ้างนำมาอ้าง ศูนย์จัดข้อความใกล้ อ้างหลังจากอัฒภาค และตอนนี้ขอไปข้างหน้าและการเยื้องทั้งหมด ของสายที่เราพิมพ์ก่อน และด้านล่างที่ div ที่สามให้ ปิด div ใหม่นี้ 

ในคำอื่น ๆ เพราะทั้งสาม divs เดิมตอนนี้เด็กเพื่อ พูดของ div ผู้ปกครองใหม่และฉันได้ ที่ระบุว่าผมอยากจะจัด ข้อความของ div ผู้ปกครองที่อยู่ในศูนย์ ของหน้าสถานที่ให้บริการที่จะเป็น ได้รับการถ่ายทอดโดยทั้งหมดของเด็กเหล่านี้ อันที่จริงเราเก็บไฟล์ จะดูในเบราเซอร์ ลองโหลดใน Chrome และมีเรามีมันได้ดีกว่า หน้าแรกของจอห์นฮาร์วาร์