HTML/CSS (คู่มือการอ่านครั้งแรกสำหรับผู้เริ่มต้น)

***** เนื้อหาแยกออกจากสไตล์

1. มาตรฐานเว็บเป็นชุดของมาตรฐานซึ่งเป็นชุดของมาตรฐานทางเทคนิค

เมื่อใช้แล้วจะเป็นแอปพลิเคชันชุดค่าผสม

【 1 】เนื้อหาที่มีโครงสร้าง xhtml

【 2 】แสดงเนื้อหา CSS

【 3 】 JavaScript เนื้อหาที่มีพฤติกรรม

2. การพัฒนาเว็บ Gadget-Firebug ในเบราว์เซอร์ Firefox

Tools-Add-ons-search firebug

ในฐานะที่เป็นงานส่วนหน้าเว็บจำเป็นต้องเข้ากันได้กับเบราว์เซอร์เช่น IE, Firefox, Google Liu, Safari ฯลฯ

ไม่ว่าจะเป็นหน้าเว็บที่มีสไตล์ CSS หรือไม่

3. ทักษะการกำหนด CSS:

[1]. สำหรับการเพิ่มประสิทธิภาพรหัส CSS ในอนาคตขอแนะนำให้นำค่าแอตทริบิวต์ทั้งหมดมาด้วย

【 2 】แท็ก XHTML บางตัวมีค่าแอตทริบิวต์ CSS เริ่มต้นของตัวเอง

ตัวอย่างเช่นแท็ก H1 มีค่าแอตทริบิวต์ของตัวเองซึ่งเป็นตัวหนาโดยอัตโนมัติและมีขนาดตัวอักษรที่ใหญ่กว่า

[3]. เพื่อให้เข้ากันได้กับเบราว์เซอร์กระแสหลักขอแนะนำให้เรารีเซ็ตแอตทริบิวต์ CSS ขององค์ประกอบทั้งหมดเป็นมาตรฐานเมื่อตั้งค่า

[4] เบราว์เซอร์ที่แตกต่างกันมีค่าแอตทริบิวต์ CSS ของตัวเอง- สิ่งที่เลวร้ายที่สุดคือความเข้ากันได้ของเบราว์เซอร์

【 5 】ฉันควรทำอย่างไรถ้าฉันต้องการใช้แบบอักษรพิเศษ? -แปลงเป็นรูปภาพ

แบ่งออกเป็นแบบอักษรภาษาจีนและภาษาอังกฤษ ตั้งค่าลำดับของแบบอักษรตั้งค่าแบบอักษรภาษาอังกฤษไว้ด้านหน้าและจีนที่ด้านหลัง

【 6 】เครื่องมือแก้ไข CSS-มันดีที่จะใช้อะไรก็ได้นายฆ่าคนด้วยใบไม้

【 7 】 หากคุณต้องการให้ข้อความอยู่ตรงกลางในทิศทางแนวตั้งให้ตั้งค่าความสูงของเส้นเป็นความสูงขององค์ประกอบ ความสูงของเส้น = ความสูงขององค์ประกอบ

【 8 】 CSS สามารถรีเซ็ตรูปแบบเริ่มต้นของแท็ก XHTML

4. วิธีที่แอปพลิเคชัน CSS ใช้ในหน้าเว็บเท่ากับวิธีการสวมใส่เสื้อผ้าสำหรับผู้คน

【 1 】สไตล์อินไลน์: นำไปใช้กับหนึ่ง

[2]. สไตล์ฝัง: นำไปใช้กับประเภทของแท็ก

[3] หากเรามีหน้าเว็บมากมายเราจำเป็นต้องใช้ CSS และเขียน CS เหล่านี้ลงในไฟล์อิสระ นี่คือลิงค์ภายนอกและขอแนะนำให้ใช้

[4]. สไตล์นำเข้า: นอกจากนี้ยังเป็นการเขียนสไตล์ลงในไฟล์แล้วเทลงในหน้าเว็บ

***** โปรดทราบว่าสไตล์การนำเข้านั้นคล้ายคลึงกับสไตล์ฝังตัวทั้งสองเพิ่มสไตล์ลงในหน้าเว็บ

1. วิธีการนำเข้าจะครอบครองพื้นที่ไฟล์ HTML

2. ปัญหาการแยกวิเคราะห์เบราว์เซอร์บางอย่าง เบราว์เซอร์จะอ่านเนื้อหาใน @Import ในที่สุด

3. นำเข้าไฟล์หลายรูปแบบลงในไฟล์สไตล์เดียว

CSS เรียกว่าแผ่นสไตล์ cascading

1. การสืบทอด: องค์ประกอบลูกจะสืบทอดรูปแบบบางอย่างขององค์ประกอบหลัก

[เนื่องจากองค์ประกอบของเด็กบางคนมีค่าเริ่มต้นเองพวกเขาไม่ได้ใช้องค์ประกอบหลัก]

2. การซ้อนทับ: หากองค์ประกอบเด็กกำหนดสไตล์เดียวกับองค์ประกอบหลักรูปแบบขององค์ประกอบหลักจะถูกเขียนทับ

***** สไตล์ที่ด้านหลังจะเขียนทับสไตล์ที่ด้านหน้า

ลำดับความสำคัญของ CSS: หลักการใกล้เคียง

ยิ่งขอบเขตของการกระทำเล็กลงเท่าไหร่ลำดับความสำคัญก็จะยิ่งสูงขึ้นเท่านั้น

ยิ่งคุณต้องการปรับเปลี่ยนสไตล์ให้ใกล้ชิดยิ่งขึ้น

คุณปู่-เรด

พ่อ-เขียว

เด็ก-บลู

เลือกลำดับความสำคัญ

in-line> id> คลาส> ตัวเลือกฉลาก

ในกรณีพิเศษเราสามารถเพิ่มสิทธิ์ของแอตทริบิวต์บางอย่าง

***** เครื่องมือ IETEST ยังมีปัญหาความเข้ากันได้และไม่สามารถเปิดได้ใน Win7-ดาวน์โหลด IE6 เวอร์ชันสีเขียว รุ่นใดที่ใช้โดยไม่ต้องติดตั้ง

***** เมื่อเราใช้สไตล์ CSS เราต้องใส่ใจกับค่าเริ่มต้น เนื่องจากเบราว์เซอร์ที่แตกต่างกันมีค่าเริ่มต้น CSS ที่แตกต่างกัน (การท่องเว็บแอตทริบิวต์ที่แตกต่างกัน

การสนับสนุนของอุปกรณ์นั้นแตกต่างกัน นอกจากนี้เรายังต้องตรวจสอบให้แน่ใจว่าเข้ากันได้กับหน้าเว็บของเราและพยายามใช้แอตทริบิวต์ที่ผ่านมาโดยไม่จำเป็นต้องใช้แอตทริบิวต์ที่มีความเข้ากันได้แตกต่างกัน -

ไวยากรณ์ชั้นเรียนหลอก:

ชื่อองค์ประกอบ: ชื่อคลาสหลอก {แอตทริบิวต์: ค่า}

ตัวอย่างเช่น: เมาส์ผ่านไฮเปอร์ลิงก์

A: Hover {Text-Decoration: ขีดเส้นใต้;}

***** หากวางเมาส์โปรดแก้ไขลำดับของสถานะการเชื่อมต่อ lvha

HTML/CSS ข้างต้น (คู่มือที่ต้องอ่านครั้งแรกสำหรับผู้เริ่มต้น) เป็นเนื้อหาทั้งหมดที่ใช้ร่วมกันโดยตัวแก้ไข ฉันหวังว่ามันจะให้ข้อมูลอ้างอิงแก่คุณและหวังว่าคุณจะสนับสนุน Vevb Wulin.com เพิ่มเติม

ที่อยู่ดั้งเดิม: http://www.cnblogs.com/xie-zhan/archive/2016/07/01/5631868.html