Tip:
Highlight text to annotate it
X
>> ลำโพง: ดังนั้นก็จริงไม่ได้ดีที่สุด การออกแบบที่จะผสมกับ HTML CSS
แต่จะดีที่สุดที่จะออกปัจจัยของคุณ CSS ใส่ไว้กลางบางและ
อย่างใดนำมันไปใช้ แท็กหน้าเว็บของคุณ
เพื่อให้บรรลุนี้เราจริงสามารถหยุด โดยใช้แอตทริบิวต์สไตล์และแทน
ใช้แท็กสไตล์ซึ่งเป็นใน ส่วนหัวของหน้าเว็บข้างสำหรับ
เช่นชื่อของคุณ
>> ขอให้นี้ลองและอีกครั้งใช้ หน้าแรกของจอห์นฮาร์วาร์
ใช้แท็กสไตล์
ผมเคยอยู่แล้วเราเริ่มต้น ที่นี่มีสาม divs เพื่อ
หน้าแรกของจอห์นฮาร์วาร์
แต่ขอให้เป็นครั้งแรกในขณะนี้ไปถึงครั้งแรกนี้ div และเพิ่มคุณลักษณะใหม่
คือ ID และระบุที่ไม่ซ้ำกัน เพื่อระบุ div นี้โดยเฉพาะ
จะต้องเป็นเช่นอ้างนำมาอ้าง "บน" ชื่อโดยพลการ แต่
อธิบายในที่นี้เป็น div แน่นอนที่ด้านบนของหน้าเว็บของฉัน
>> สำหรับ div ต่อไปขอให้ ID ที่แตกต่างกันของคำพูดไม่ได้นำมาอ้าง
"กลาง" และขอให้ div ที่สาม ID ของคำพูดไม่ได้นำมาอ้าง "ด้านล่าง." เรา
ตอนนี้มีสามตัวระบุที่ไม่ซ้ำกัน ที่เราสามารถใช้ CSS บาง
คุณสมบัติ แต่แรกให้กลับมา ที่หัวของหน้านี้
เหนือชื่อที่นี่ฉันจะ ไปข้างหน้าและกำหนดรูปแบบ
แล้วรูปแบบใกล้ชิด
>> ภายในของตอนนี้ฉันกำลังจะไปกำหนด บาง CSS คุณสมบัติคือ
คนเดียวที่ฉันเคยมีในรูปแบบ คุณสมบัติ แต่ที่นี่พวกเขาจะ
กำหนดจากส่วนกลาง
ต้องการทำเช่นนั้นฉันจะระบุปอนด์ สัญลักษณ์ตามด้วยด้านบนจึง
ระบุว่า CSS ต่อไปนี้ คุณสมบัติที่ควรนำไปใช้กับสิ่งที่
องค์ประกอบที่ไม่ซ้ำกันมี ระบุด้านบน
ฉันแล้วจะต้องเปิดบางส่วนและ วงเล็บปีกกาปิดและฉันจะ
ระบุว่าขนาดตัวอักษรให้เป็น 36 พิกเซลน้ำหนักตัวอักษรจะเป็นตัวหนา
>> เพื่อให้สิ่งที่สะอาดฉันวางแต่ละ คุณสมบัติเหล่านี้เป็นของตัวเอง
สาย แต่ที่เป็นเพียง การประชุมโวหาร
ด้านล่างนี้ตอนนี้ขอกำหนดอีก เลือกเพื่อที่จะพูด
หนึ่งสำหรับแท็กที่มีนี้ ตัวระบุที่ไม่ซ้ำกันของกลาง
และในที่นี่ให้ระบุขนาดตัวอักษร จาก 24 พิกเซลด้านล่างที่อื่น
ตัวเลือกด้านล่างและภายใน จากการที่ให้ระบุ
ขนาดตัวอักษร 12 พิกเซล
>> ตอนนี้ขอบันทึกเปลี่ยนสิทธิ์ ๆ และโหลดหน้านี้ในเบราว์เซอร์
chmod บวก r CSS-1.html
ขอเปิด Chrome และเยี่ยมชม http://localhost/css-1.html
ไม่เลว
ตรงตามที่ผมตั้งใจ แต่ฉันต้องการที่จะ ใช้สิ่งหนึ่งขั้นตอนต่อไปในขณะนี้และ
ข้อความศูนย์จอห์นฮาร์วาร์
ตอนนี้จะทำเช่นนั้นฉันจะห่อ ทั้งหน้าใน div ที่ฉัน
ไม่เช่นก่อนหน้านี้
หรือฉันจะฉลาดมากขึ้นและตระหนักดีว่า ทุก divs เหล่านี้ภายใน
ร่างกายของหน้าของฉันดังนั้นทำไมไม่ใช้เพียงแค่ CSS หนึ่งหรือมากกว่าคุณสมบัติต่อร่างกาย
แท็กตัวเอง
>> ต้องการทำเช่นนั้นให้ทำเช่นนี้
ลองกลับไป Gedit ที่นี่
ขอเลื่อนกลับขึ้นไปแท็กสไตล์ และให้ระบุตัวเลือกเพียงแค่
โดยใช้ชื่อแท็กที่ร่างกาย
ด้านล่างที่ให้ใส่วงเล็บปีกกาของเรา ตามด้วยศูนย์ข้อความชิด
ตอนนี้ขอบันทึกหน้าและโหลด ภายในเบราว์เซอร์ที่
โหลดใน Chrome, และ voila
ขณะนี้เรามีหน้าจอห์นฮาร์วาร์ เป็นศูนย์กลางในขณะที่เราตั้งใจ