รูปแบบของบล็อกคืออะไร? วิธีการกำหนดหน้าเดียวของเว็บไซต์ของคุณด้วยตัวเอง?

มีความปรารถนาที่จะเรียนรู้ที่จะทำให้เว็บไซต์ของหน้าของคุณเองคืออะไร? แล้วปล่อยให้ของได้เข้าใจสิ่งที่รูปแบบบล็อก สามเณรรูปแบบให้ตรงกับจำนวนของปัญหาที่พวกเขามีคำถามจำนวนมาก พิจารณาสิ่งที่เป็นบล็อกการเข้ารหัส

เคล็ดลับสำคัญ

ใช้ ตัวแก้ไขแบบ WYSIWYG เพื่อให้ทุกอย่างเป็นที่ชัดเจน ผู้ที่รู้ HTML ดีในการทำงานในโน๊ตบุ๊คเพราะพวกเขาเข้าใจทุกอย่าง และผู้เริ่มต้นสามารถใช้ประโยชน์จากโปรแกรมเช่น FrontPage หรือตัวอย่างเช่น, Dreamweaver

ประเภทของเว็บไซต์รูปแบบ

มีหลายประเภทของรูปแบบคือ:

1. แบน
2. กลุ่ม
3. ผสม

เรามีความสนใจในรูปแบบบล็อก มันแตกต่างอะไรจากตารางหรือไม่ ในรูปแบบบล็อกโดยใช้แท็ก DIV มีข้อดีบาง:

1. โหลดด้วยการออกแบบของบล็อกได้เร็วขึ้น
2. เนื้อหาที่แสดงบล็อก (แตกต่างจากตาราง) ดาวน์โหลดเกิดขึ้น เป็นที่รู้จักกันตารางเหล่านี้จะแสดงเฉพาะหลังจากที่ทั้งตาราง
3. รหัสกับ div-S ให้อ่านง่ายขึ้น

มันไม่ได้เป็นทุกข้อได้เปรียบที่มีชื่อเสียงสำหรับรูปแบบบล็อก

วิธีการเปลี่ยนสถานที่ตั้ง div-บล็อก?

นี้จะช่วยให้เราลอย - ทรัพย์สินนี้ซึ่งเป็นความสามารถในการต่อไปนี้:

1. จัดชิดซ้าย - ซ้าย
2. เพื่อให้สอดคล้องขวา - ขวา
3. องค์ประกอบที่ยังคงอยู่ที่เขาเป็นเขาจะไม่ย้ายถ้าให้ใคร ค่านี้จะเริ่มต้น

อีกคุณสมบัติที่สำคัญที่เราต้อง - ชัดเจน เขาอาจจะมีค่า 4:

1. สำหรับการติดตั้งภายใต้รายการก่อนหน้าย้ายไปทางขวาบล็อก - ขวา
2. ชุดซ้ายใต้องค์ประกอบก่อนหน้านี้ซึ่งจะถูกย้ายไปทางซ้าย
3. ทั้งสอง - การติดตั้งของบล็อกย้ายก่อนหน้านี้
4. ไม่แสดงให้เห็นตัวตนของข้อ จำกัด เกี่ยวกับตำแหน่งของบล็อกเทียบกับองค์ประกอบเหล่านั้นที่มีการย้าย

ตัวอย่าง

พิจารณาว่ามันจะมีลักษณะเช่นบล็อก div รูปแบบ เราเขียนโค้ดของเรา:

ภายใต้รหัสที่คุณเห็นผล ดังนั้นบนพื้นฐานของคุณสมบัติหลาย ๆ อย่างสามารถควบคุมการจัดเรียงบล็อกตามที่ต้องการ ไปที่ช่วงเวลาถัดไป เราได้ใช้ text-align: ศูนย์ในการจัดแต่ละบล็อกสำหรับเบราว์เซอร์

ในขณะที่คุณสามารถดูจะเป็นรูปแบบบล็อกค่อนข้างง่ายของเว็บไซต์ มันเป็นสิ่งสำคัญที่จะศึกษาและปฏิบัติคุณสมบัติอื่น ๆ อีกมากมายที่จะสร้างโครงสร้างที่ยืดหยุ่นมากขึ้นของหน้าเว็บ

บางสิ่งบางอย่างที่สำคัญมากขึ้น

มีอยู่คนหนึ่งคุณลักษณะที่นิยมที่จะใช้ในรูปแบบที่เป็น - ตำแหน่งมันถูกใช้สำหรับการวางตำแหน่ง

ค่าสำหรับคุณสมบัติของตำแหน่ง:

1. ญาติ - กำหนดตำแหน่งขององค์ประกอบที่เกี่ยวข้องกับสถานที่เดิมของพวกเขา แอพลิเคชันด้านซ้ายด้านบน righ องค์ประกอบด้านล่างย้ายในทิศทางที่แน่นอน
2. คงที่ - รายการหน้าจอปกติ มันทำให้รู้สึกไม่ใช้ขวา / ซ้าย, บน / ล่าง - มันอาจนำไปสู่อะไร
3. แอบโซลูท - องค์ประกอบตำแหน่งแน่นอน
4. แก้ไข - ที่คล้ายกันแน่นอน มันถูกผูกไว้เพื่อจุดหนึ่งบนหน้าจอ แต่ก็ไม่ได้เปลี่ยนตำแหน่งแม้ว่าพลิกหน้า

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

สร้าง 3 ช่วงตึก ถัดไปทดสอบกับตำแหน่งแน่นอน

ที่คุณสามารถดูมันเป็นเรื่องง่ายที่จะเปลี่ยนตำแหน่งของบล็อก บนพื้นฐานของความจริงที่ว่าตอนนี้คุณสามารถที่จะทำให้การประถมศึกษาเค้าโครงหน้าบล็อกใด ๆ การใช้คุณสมบัติที่มากขึ้นคุณจะพัฒนาทักษะของคุณ