CSS ეფექტები: მომრგვალებული კუთხეები ელემენტების

სინტაქსი Cascading Style Sheets შექმნილია ისე, უბრალოდ, რომ შესაძლებლობა მიღების ყველაზე მოულოდნელი დიზაინი ხელმისაწვდომია, თუნდაც შორს პროგრამირების და განვითარების ადამიანის საიტებზე. ალბათ, ის ფაქტი, რომ ბავშვები თამაშობენ ბლოკის რჩება ყველას მეხსიერება, გამოიყენოთ მრავალმხრივი გამოცდილება HTML, CSS არის ადვილი.

თუმცა, მიმდინარე პროგრამირების ჯერ კიდევ ძალიან შორს წარდგენის ნაგებობები რეალობა. აქამდე, ნებისმიერ ტერიტორიაზე (ოკუპირებული რა გსურთ ბლოკი ელემენტი) ნებისმიერ მისი მნიშვნელობა და ფორმალური დანიშვნა მართკუთხა ფორმის, რომელიც წარმოიქმნება ფარგლებში სასურველი მრუდი კონტურის ხაზი.

აქამდე, ნებისმიერ წრეში, დამრგვალება რადიუსში, როგორ curved სწორი და ასე შემდეგ. P. აღწერს კომპლექსი მათემატიკის განტოლებების ან ძალიან მცირე კუბურები, ტრაპეციის, სამკუთხედები და სხვა სწორხაზოვანი ელემენტები, რომლებიც გამოირჩევა თვალის, წერტილი ონლაინ.

Classic Straight დიზაინი

გასაკვირი არ არის, რომ პროგრესი სფეროში პროგრამირების და საინფორმაციო ტექნოლოგიების დაკანონდა მართკუთხა დიზაინი. ინოვაციური იდეების არ დაკარგავთ დროს მომრგვალებული ფორმის, მაგრამ არ უნდა დაგვავიწყდეს, რომ წარმოადგინოს განკარგულებაში დეველოპერი საკმარისი თვისებები და HTML tags წესები, CSS და მასთან დაკავშირებული პროგრამირების ენები.

ნებისმიერი ელემენტი გამოიყენება გვერდი მართკუთხედის ფართობი, რომელშიც გამოიყოფა რამდენიმე ნაწილად, რომლის თითოეულ შემთხვევაში უნდა იქნას გამოყენებული მხოლოდ აუცილებელი გათვალისწინებით krossbrauzernosti მოთხოვნები markup თვისებები კონკრეტული შინაარსი ხელმისაწვდომი სინტაქსური კონსტრუქციების.

ზოგადი წესები CSS

Cascading Style Sheets გთავაზობთ აღწერს ელემენტები ასეთია:

• ქონება: ღირებულება.

ამ შემთხვევაში, ქონება - კონკრეტული სახელი და ღირებულება შეიძლება იყოს სახელი ან ჩამონათვალი სახელები და ღირებულებებს.

დაკავშირებით ბლოკი ელემენტები და უნდა გავაკეთოთ გავლით CSS მომრგვალებული კუთხეები, ის აზრი, რომ გამოიყენოთ, რომ საზღვრის რადიუსში ქონება და მისი ღირებულება ფორმატში "38px" ან "8px 16px 24px 38px".

იმ შემთხვევაში, თუ მნიშვნელობა ენიჭება ერთი ნომერი, ეს იქნება მათთვის, ყველა კუთხეს. ჩანაწერების ოთხივე ღირებულებები:

• პირველი ნომერი - ზედა მარცხენა კუთხეში;
• მეორე - ზედა მარჯვენა;
• მესამე - ქვედა მარჯვენა;
• უკანასკნელი - ქვედა მარცხენა.

გაზიარება ზოგიერთი წესები

Concepts საზღვარზე, სურათი და ფონზე შეიძლება გამოყენებული ერთად. ეს არის ნორმალური, და აღნიშნა, წესები არ ერევა ერთმანეთს და წარმოქმნის საერთო კომპოზიცია. რაც მთავარია - ანგარიშზე იმისა, რომ სახელი თითოეული მათგანი წარმოადგენს, და როგორ გამოიყენება.

ადრე ახორციელებს ამა თუ იმ ელემენტს, მნიშვნელოვანია, რომ ჩაეტარებინა ექსპერიმენტი და ტესტი მუშაობა სხვადასხვა ბრაუზერები. ორიენტაცია რჩევები, რეკომენდაციები, მაგალითები მესამე მხარის ან ცენტრთან სინტაქსის, მომრგვალებული კუთხეები, და ასე შემდეგ. N. იშვიათად უკეთესია, ვიდრე საკუთარი ახალი პრაქტიკაში.

ეს მნიშვნელოვანია გვესმოდეს, რომ საზღვრის, სურათი, თვალსაზრისით დიზაინი კუთხეს - იგივე ტიპის კონცეფცია. ნახატი შეიძლება წარმოდგენილი არ png ფორმატში. ის იქნება შეწყვიტა ბრაუზერის მიხედვით, დადგენილი წესის CSS. მომრგვალებული კუთხეები - ზრუნვა დეველოპერი, მიუხედავად იმისა, squareness წყაროს მასალა.

მახასიათებლები HTML, CSS ბრაუზერები

კეთილი სტილი ჩაწერის საბითუმო - ყველა ბრაუზერები ერთდროულად. ყოველ კლასიკური მაგალითები თემაზე "ცენტრის: მომრგვალებული კუთხეები" შეთავაზება დაწერა ასე:

background: # FF7F00; / * ფონის * /

border: 1px #CCCCCC მყარი; / * სასაზღვრო * /

-moz სასაზღვრო-რადიუსი: 10px; / * CSS მომრგვალებული კუთხეების Mozilla Firefox * /

-webkit სასაზღვრო-რადიუსი: 10px; / * ... ამისთვის Safari და Chrome * /

-khtml სასაზღვრო-რადიუსი: 10px; / * ... Konquerer * /

სასაზღვრო-რადიუსი: 10px; / * ცენტრის მომრგვალებული კუთხეები ყველა * / და ასე შემდეგ. N.

თუმცა, ხშირ შემთხვევაში საკმარისია მიუთითოთ ბოლო წესით. Redundancy უნდა იქნეს გამოყენებული მხოლოდ მაშინ, როდესაც არსებობს რეალური საჭიროება.

კლასიკური და მშვენიერი მაგიდა

მიუხედავად იმისა, რომ მრავალი დაპირისპირების მხარდამჭერები მაგიდა განლაგება (tr, td) და ვარიანტი გამოყენებით div tags და span ( «საოცარი" განლაგება), ობიექტური პრაქტიკა უპირატეს ვარიანტი გონივრულად საჭირო.

In divs აქვს გარკვეული ღირსება, სხვა მაგიდები. თუ ისინი არ ავსებენ ერთმანეთს, და მხოლოდ კონკურენცია, კითხვა იქნებოდა სწრაფად აორთქლდა ერთი ვერსია, რომელიც აერთიანებს საუკეთესო ასპექტები მაგიდები და divs.

ყველაზე საიტების გამოყენებით CMS (საიტის მართვის სისტემა) და განკარგვის დეველოპერი მოდის არა მარტო ფართო სპექტრი "გიგანტური" მონაცემების ასობით ფოლდერები, ობიექტები, არამედ მაგიდები.

საკვანძო [div | span], როგორც ასეთი, არ გამოირჩევა, მაგრამ ერთადერთი, რაც შეეხება ზუსტად სრული წყალობა დეველოპერი - a CSS სტილების. და ნებისმიერი CMS მკაფიოდ ყოფს კოდი, ნაწილი დეველოპერი შემოქმედების და საკუთარი სტილის დასძინა სტილი, და იმ შემთხვევაში, თუ ცვლილებები (მაგალითად, css - დამრგვალება კუთხეებში მაგიდა), თქვენ ყოველთვის შეგიძლიათ აღდგენას პარამეტრების და რა სტილის.

Curves და კუთხეების არ არის დაფარული სინტაქსი

თქვენ არ შეგიძლიათ მკაცრად დაიცვან ყველა წესების HTML, CSS, მაგრამ აქვს შედეგად, ისინი არ არის გათვალისწინებული. Superimposing ელემენტები ერთმანეთთან, ეს შესაძლებელია ნებისმიერ რეგიონში ნებისმიერი კონფიგურაციის. გამოყენება PHP განვითარების სერვერზე, შეგიძლიათ გაუგზავნოთ სტუმარი ბრაუზერი და ნებისმიერი სტილის ფაილი ანიჭებენ მათ სათანადო JavaScript კოდი ორგანოს HTML ფაილი ან ცალკე js ფაილი.

ნებისმიერი ჩართვა ვარიანტი, რაიმე ფორმით ქონების ელემენტს CSS წესები! მომრგვალებული კუთხეები - მხოლოდ კონკრეტული და რეალური შესაძლებლობები ბევრად უფრო ფართო. ამ შემთხვევაში, პროგრამირების საკუთარი ობიექტი, შეგიძლიათ არ ყურადღება მიაქციონ მახასიათებლები ინდივიდუალური ბრაუზერები, მხოლოდ tags და სტრუქტურა ჰიპერტექსტის ენებზე, რომლებიც აღიქმება ყველა, გამონაკლისის გარეშე ბრაუზერები.

გამოყენება იდეა ობიექტზე ორიენტირებული პროგრამირების, შეგიძლიათ შეიმუშავებს სახე კუთხეში ან მრუდი აშკარად არ არის გათვალისწინებული ნებისმიერი ბრაუზერი ფორმები. ამ შემთხვევაში, არ არის აუცილებელი, რომ ეს იქნება კუთხეში ტერიტორია, რომელიც თავდაპირველად მართკუთხა ფორმის. მნიშვნელოვანია, რომ კომპონენტების მრუდი აღწერილი სახით CSS წესები, შერწყმული ერთ ვიზუალური JavaScript ობიექტის კოდი და at უფლება დრო სწორი ადგილი ბრაუზერი, ასახავს თავად სწორი ფორმა.

ეს ტექნიკა არ ერევა ისეთ ობიექტების თვითრეალიზაცია სამგანზომილებიანი თვითმფრინავი ან შოუ ანიმაცია.