ผลกระทบ CSS: มุมโค้งมนขององค์ประกอบ

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

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

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

การออกแบบตรงคลาสสิ

มันไม่น่าแปลกใจที่ความคืบหน้าในด้านการเขียนโปรแกรมและข้อมูลเทคโนโลยีทำให้การออกแบบเป็นรูปสี่เหลี่ยมผืนผ้า ความคิดสร้างสรรค์ไม่เสียเวลาในรูปทรงโค้งมน แต่ไม่ลืมที่จะนำเสนอในการกำจัดของนักพัฒนาคุณสมบัติและแท็ก HTML กฎเพียงพอ, CSS และที่เกี่ยวข้องกับการเขียนโปรแกรมภาษา

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

กฎทั่วไปสำหรับการ CSS

การ Cascading Style Sheets เสนอเพื่ออธิบายองค์ประกอบดังต่อไปนี้:

• คุณสมบัติ: ค่า

ในกรณีนี้ทรัพย์สิน - เฉพาะชื่อและความคุ้มค่าสามารถเป็นได้ทั้งชื่อหรือรายชื่อของชื่อหรือค่า

เกี่ยวกับองค์ประกอบของบล็อกและจำเป็นที่จะต้องทำผ่านทาง CSS มุมโค้งมนก็จะทำให้ความรู้สึกที่จะใช้คุณสมบัติ border-radius และความคุ้มค่าในรูปแบบ "38px" หรือ "8px 16px 24px 38px"

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

• หมายเลขแรก - ไปที่มุมซ้ายบน;
• สอง - ไปที่มุมบนขวา;
• สาม - ไปขวาล่าง;
• ล่าสุด - ไปทางซ้ายล่าง

ที่ใช้ร่วมกันบางส่วนของกฎ

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

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

มันเป็นสิ่งสำคัญที่จะเข้าใจว่าชายแดนภาพในแง่มุมของการออกแบบ - ชนิดเดียวกันของแนวคิด ถอนเงินสามารถนำเสนอไม่ได้อยู่ใน PNG รูปแบบ เขาจะถูกตัดออกจากเบราว์เซอร์ที่เป็นไปตามกฎระเบียบที่กำหนดไว้ในแบบ CSS มุมโค้งมน - ดูแลพัฒนาโดยไม่คำนึงถึงฉากของวัสดุที่แหล่งที่มา

คุณสมบัติ HTML, CSS จากเบราว์เซอร์

ยินดีต้อนรับขายส่งบันทึก Style - เบราว์เซอร์ทั้งหมดในครั้งเดียว อย่างไรก็ตามตัวอย่างคลาสสิกในหัวข้อ "CSS นี้: มุมโค้งมน" ข้อเสนอที่จะเขียนเพื่อ:

พื้นหลัง: # FF7F00; / * * * * * พื้นหลัง /

ชายแดน: 1px #CCCCCC ของแข็ง / * * * * * ชายแดน /

-moz-border-radius: 10px; / * CSS มุมโค้งมนสำหรับ Mozilla Firefox * /

-webkit-border-radius: 10px; / * ... สำหรับ Safari และ Chrome * /

-khtml-border-radius: 10px; / * ... Konquerer * /

border-radius: 10px; / * CSS ที่มุมโค้งมนสำหรับทุก * / และอื่น ๆ . เอ็น

อย่างไรก็ตามในกรณีส่วนใหญ่ก็พอที่จะระบุกฎที่ผ่านมา ซ้ำซ้อนควรจะใช้เฉพาะเมื่อมีความต้องการที่แท้จริง

ตารางคลาสสิกและที่ยอดเยี่ยม

แม้จะมีหลายรูปแบบการถกเถียงสนับสนุนตาราง (TR, td) และตัวเลือกของการใช้แท็ก div และช่วง («มหัศจรรย์" รูปแบบ) การปฏิบัติวัตถุประสงค์ตัวเลือกที่ได้รับการสนับสนุนที่จำเป็นพอสมควร

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

ส่วนใหญ่ของเว็บไซต์ที่สร้างขึ้นโดยใช้ CMS (Content Management System) และในการกำจัดของนักพัฒนามาไม่เพียง แต่ความหลากหลายของชุดข้อมูล "ยักษ์" ของหลายร้อยโฟลเดอร์วัตถุ แต่ยังตาราง

แท็ก [div | ช่วง] เป็นเช่นนี้ไม่โดดเด่น แต่สิ่งเดียวที่มาตรงที่ความเมตตาที่สมบูรณ์ของนักพัฒนา - สไตล์ CSS และ CMS ใด ๆ อย่างชัดเจนแยกรหัสที่เป็นส่วนหนึ่งของมันออกมาจากความคิดสร้างสรรค์ของนักพัฒนาและรูปแบบของตัวเองของรูปแบบการเพิ่มและในกรณีของการเปลี่ยนแปลง (เช่น CSS - ปัดเศษมุมของตาราง) คุณสามารถเรียกคืนการตั้งค่าและรูปแบบเริ่มต้น

เส้นโค้งและมุมที่ไม่ครอบคลุมโดยไวยากรณ์

คุณสามารถอย่างเคร่งครัดปฏิบัติตามกฎของ HTML, CSS แต่จะมีผลให้พวกเขาจะไม่ให้ ซ้อนองค์ประกอบกับแต่ละอื่น ๆ ก็เป็นไปได้ที่จะได้รับภูมิภาคของการกำหนดค่าใด ใช้ PHP พัฒนาบนเซิร์ฟเวอร์คุณสามารถส่งให้เบราว์เซอร์ของผู้เข้าชมและไฟล์รูปแบบใดจะแนบไปกับพวกเขาโค้ด JavaScript ที่เหมาะสมในร่างกายของ HTML ไฟล์หรือแยก JS-ไฟล์

ใด ๆ ที่แตกต่างจากวงจรในรูปแบบขององค์ประกอบคุณสมบัติใด ๆ ที่เป็นกฎ CSS! มุมโค้งมน - เพียงโดยเฉพาะอย่างยิ่งและโอกาสที่แท้จริงคือกว้างมาก ในกรณีนี้การเขียนโปรแกรมวัตถุของคุณเองคุณสามารถได้ใส่ใจกับลักษณะของเบราว์เซอร์ของแต่ละบุคคลให้ใช้แท็กและโครงสร้างของภาษา Hypertext ซึ่งมีการรับรู้โดยทั้งหมดโดยไม่มีข้อยกเว้นเบราว์เซอร์

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

เทคโนโลยีนี้จะไม่ยุ่งเกี่ยวกับวัตถุดังกล่าวที่จะตระหนักถึงตัวเองในเครื่องบินหรือการแสดงสามมิติภาพเคลื่อนไหว