***** เนื้อหาแยกออกจากสไตล์
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. นำเข้าไฟล์หลายรูปแบบลงในไฟล์สไตล์เดียว
2. ลักษณะของ CSSCSS เรียกว่าแผ่นสไตล์ cascading
1. การสืบทอด: องค์ประกอบลูกจะสืบทอดรูปแบบบางอย่างขององค์ประกอบหลัก
[เนื่องจากองค์ประกอบของเด็กบางคนมีค่าเริ่มต้นเองพวกเขาไม่ได้ใช้องค์ประกอบหลัก]
2. การซ้อนทับ: หากองค์ประกอบเด็กกำหนดสไตล์เดียวกับองค์ประกอบหลักรูปแบบขององค์ประกอบหลักจะถูกเขียนทับ
***** สไตล์ที่ด้านหลังจะเขียนทับสไตล์ที่ด้านหน้า
3. ลำดับความสำคัญสำหรับสไตล์ CSS: เมื่อมีความขัดแย้งในรูปแบบฉันควรฟังใคร?ลำดับความสำคัญของ CSS: หลักการใกล้เคียง
ยิ่งขอบเขตของการกระทำเล็กลงเท่าไหร่ลำดับความสำคัญก็จะยิ่งสูงขึ้นเท่านั้น
ยิ่งคุณต้องการปรับเปลี่ยนสไตล์ให้ใกล้ชิดยิ่งขึ้น
คุณปู่-เรด
พ่อ-เขียว
เด็ก-บลู
เลือกลำดับความสำคัญ
in-line> id> คลาส> ตัวเลือกฉลาก
ในกรณีพิเศษเราสามารถเพิ่มสิทธิ์ของแอตทริบิวต์บางอย่าง
***** เครื่องมือ IETEST ยังมีปัญหาความเข้ากันได้และไม่สามารถเปิดได้ใน Win7-ดาวน์โหลด IE6 เวอร์ชันสีเขียว รุ่นใดที่ใช้โดยไม่ต้องติดตั้ง
4. ข้อความที่ใช้กันทั่วไปบางส่วนรูปแบบ CSS ที่ควบคุมด้วยข้อความ***** เมื่อเราใช้สไตล์ CSS เราต้องใส่ใจกับค่าเริ่มต้น เนื่องจากเบราว์เซอร์ที่แตกต่างกันมีค่าเริ่มต้น CSS ที่แตกต่างกัน (การท่องเว็บแอตทริบิวต์ที่แตกต่างกัน
การสนับสนุนของอุปกรณ์นั้นแตกต่างกัน นอกจากนี้เรายังต้องตรวจสอบให้แน่ใจว่าเข้ากันได้กับหน้าเว็บของเราและพยายามใช้แอตทริบิวต์ที่ผ่านมาโดยไม่จำเป็นต้องใช้แอตทริบิวต์ที่มีความเข้ากันได้แตกต่างกัน -
5. CSS ควบคุมสถานะที่แน่นอนขององค์ประกอบ-pseudo-classไวยากรณ์ชั้นเรียนหลอก:
ชื่อองค์ประกอบ: ชื่อคลาสหลอก {แอตทริบิวต์: ค่า}
ตัวอย่างเช่น: เมาส์ผ่านไฮเปอร์ลิงก์
A: Hover {Text-Decoration: ขีดเส้นใต้;}
***** หากวางเมาส์โปรดแก้ไขลำดับของสถานะการเชื่อมต่อ lvha
HTML/CSS ข้างต้น (คู่มือที่ต้องอ่านครั้งแรกสำหรับผู้เริ่มต้น) เป็นเนื้อหาทั้งหมดที่ใช้ร่วมกันโดยตัวแก้ไข ฉันหวังว่ามันจะให้ข้อมูลอ้างอิงแก่คุณและหวังว่าคุณจะสนับสนุน Vevb Wulin.com เพิ่มเติม
ที่อยู่ดั้งเดิม: http://www.cnblogs.com/xie-zhan/archive/2016/07/01/5631868.html