CSS ефекти: заоблени агли на елементи

Синтакса на Cascading Style Sheets е дизајниран така едноставно дека можноста за добивање на повеќето неочекувани дизајн е на располагање дури и далеку од програмирање и развој на човечкиот сајтови. Можеби фактот што децата си играат со блокови остануваат во меморијата на секого, користење на мулти-фацетирани искуство во HTML, CSS е лесно.

Меѓутоа, сегашната програмирање се уште е многу далеку од презентирање на градби од реалноста. До сега, ниту една област (окупиран што ви се допаѓа блок елемент) во било која од своето значење и формално назначување на правоаголна форма, која е формирана во рамките на саканата кривата контура линија.

До сега, секој круг, заокружување радиус, како криви прав и така натаму. П. Опишува комплексни математички равенки или многу мали коцки, трапезоиди триаголници или други праволиниско елементи кои се разликуваат за око како точка на линијата.

Класичен дизајн Хетеро

Тоа не е изненадувачки дека напредокот во областа на програмирање и информатички технологии легализира правоаголни дизајн. Иновативни идеи не губат време на заоблени форма, но не заборавајте да ги презентираат на располагање на инвеститорот доволно можности и правила HTML тагови, CSS и сродни програмски јазици.

Секој елемент се користи на страницата е правоаголен простор, во кој се распределени на неколку делови, кои во секој случај треба да се користи само потребно да се размислува krossbrauzernosti барања за означување карактеристики специфични содржини достапни синтаксички конструкции.

Општи правила за CSS

Cascading Style Sheets понуди за да се опише елементи како што следува:

• сопственост: вредност.

Во овој случај, сопственост - специфично име и вредност може да биде или име или листа на имиња и вредности.

Во однос на блок елементи и потребата да се направи преку CSS заоблени агли, тоа го прави смисла да се користи граничниот радиус имот и неговата вредност во формат "38px" или "8px 16px 24px 38px".

Ако вредноста дадена од страна на еден број, тоа ќе биде поставена на оние за сите агли. Снимање на сите четири вредности се:

• Првиот број - во горниот лев агол;
• вториот - на горниот десен;
• третиот - на долниот десен;
• најдоцна - на долниот лев.

Споделување на некои од правилата

Концепти граница, слика и позадина може да се користат заедно. Тоа е нормално, и споменува правила не се мешаат едни со други, формирајќи целокупната композиција. Главната работа - да се зема во предвид фактот дека името на секој од нив претставува и како таа се применува.

Пред спроведувањето на овој или оној елемент, важно е да се спроведат некои експерименти и тест работа на повеќе прелистувачи. Ориентација на совети, препораки, примери на трети лица или CSS синтакса, заоблени агли, и така натаму. Н. ретко е подобро од нивните свежи пракса.

Тоа е важно да се разбере дека на границата, слика, во смисла на дизајн агли - од ист тип на концепт. Цртеж може да не се презентирани во PNG-формат. Тој ќе биде отсечен од страна на прелистувачот, во согласност со правилата утврдени во CSS. Заоблени агли - се грижат инвеститорот, без оглед на ортогоналност на изворниот материјал.

Карактеристики HTML, CSS од прелистувачи

Добредојдовте снимање стил на големо - за сите прелистувачи одеднаш. Како и да е класичните примери на тема "на CSS: заоблени агли" понуди да се напише така:

background: # FF7F00; / * Позадина * /

границата: 1px #CCCCCC цврсти; / * На граничниот * /

-moz-гранични-радиус: 10px; / * CSS заоблени агли за Mozilla Firefox * /

-webkit-гранични-радиус: 10px; / * ... за Safari и Chrome * /

-khtml-гранични-радиус: 10px; / * ... Konquerer * /

граничниот радиус: 10px; / * На CSS заоблени агли за сите * / и така натаму. Н.

Сепак, во повеќето случаи, тоа е доволно за да одредите на минатата власт. Вишок треба да се користи само кога постои вистинска потреба.

Класичен и прекрасна трпеза

И покрај бројните контроверзи поддржувачи маса распоред (tr, td) и можност за користење div тагови и век ( "прекрасен" распоред), објективни фаворизирани опција пракса е неопходно.

Во divs имаат некои достоинство во другите маси. Ако тие не се надополнуваат едни со други, и само се натпреваруваат, прашањето ќе имаат брзо испарува во една верзија која ги комбинира најдобрите аспекти на маси и divs.

Поголемиот дел од веб-сајтови креирани со користење на CMS (Content Management System), и во отстранување на инвеститорот доаѓа не само широк спектар на "гигант" бази на податоци на стотици папки, објекти, но, исто така, маси.

Таг [div | век], како такви, не се истакнува, но единственото нешто што ми доаѓа токму во целосна милост и немилост на инвеститорот - на CSS интерфејс. И било CMS јасно ги одделува код, дел од неа од креативноста на инвеститорот и на нивните сопствени стилови на додадена стил, а во случај на промени (на пример, CSS - заокружување на аглите од табелата), секогаш може да се врати на поставувања и стилови стандардните.

Криви и аглите не се опфатени со синтаксата

Можете да строго се придржуваат кон сите правила на HTML, CSS, но за да имаат резултат на тоа, тие не се предвидени. Наметне елементи за да се едни со други, тоа е можно да се добие било кој регион на било која конфигурација. Со користење на PHP за развој на серверот, можете да испратите на пребарувачот на посетителот и било кој стил на датотеки да се закачи за нив соодветни JavaScript код во телото на HTML-датотека или посебен js-датотека.

Секое коло варијанта, секоја форма на сопственост елемент е CSS правила! Заоблени агли - само за работа и реални можности е многу поширок. Во овој случај, програмирање сопствени објекти, не можете да се обрне внимание на карактеристиките на индивидуалните пребарувачи, користи само тагови и структура на хипертекстот јазици, кои се сметаат од страна на сите, без исклучок прелистувачи.

Користејќи ја идејата на објектно-ориентирано програмирање, можете да го дизајн на изгледот на еден агол или крива очигледно не е предвидено со сите видови на прелистувачот. Во овој случај, тоа не е неопходно дека ова ќе биде аголот на областа, која првично беше правоаголна форма. Важно е дека компонентите на крива што е опишано во форма на правила CSS, комбинирани во една визуелна JavaScript објектниот код и во право време на право место прелистувач, се огледува во правилна форма.

Оваа технологија не се меша со таквите објекти да се реализира во три-димензионални авион или покажуваат анимација.