>> ลำโพง: ปรากฎว่า 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
และมีเรามีมันได้ดีกว่า หน้าแรกของจอห์นฮาร์วาร์