CSS Box: импровизиран и ефект

Cascading Style Sheets (CSS) за сите логички едноставност направи тоа е можно не само да креирате спектакуларен дизајн решение, но, исто така, обезбеди елементи на вистинска акција, за да се емулира работењето на реалните код.

Било визуелни таг HTML-ознака - правоаголна површина на одредена структура и содржина. Елементот содржи наведување на координати, големина, баласт, боја, фонт, фонт стил, и така натаму. Рамка CSS-елемент ги одредува окупираните област, се наоѓа увоз од нејзините граници по утврдени во овој документ ширина.

опис синтакса

FIELD елемент поставеност одредено координати во однос на горниот лев агол на страницата (лево, горе), големината во хоризонтална и вертикална насоки (широчина, височина). Сите дизајн и анимација елементи се направени во парови "сопственост: вредност".

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

#name {сопственост: вредност; сопственост: вредност; сопственост: вредност; ...}

или

.name {сопственост: вредност; сопственост: вредност; сопственост: вредност; ...}

Името може исто така да биде стр, тело, HTML, маса, td ..., тоа е името на HTML-Селектирај таг. Може да се поврзе директно со опис на елемент на стилот.

Пред да се направи до мојот стил на пишување, не боли да се види како тоа е направено на популарни сајтови, одржување кодот на страницата, или со притискање на Ctrl + U за да ја видите директно во прелистувачот.

Главните параметри

Всушност CSS рамка елемент претставен стил (граница стил), боја (граница-боја), ширина (граница-ширина). Сето тоа може да се сумира во еден имот - граница. Може да се опише секоја граница рамка независно (граница-топ, граница-дното, граница-лево, граница-десно).

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

граница: 3px;
границата бои: црвена;
границата стил: двојно попарен цврсти точки.

Овој опис поставува границата ширина од 3 пиксели, боја - црвена страни, стил: горната страна од двојно, во право - попарен, солидна дното, лево - точка.

граница-width: 1px 2px 4px 8px;
граничните боја: сина;
границата стил: точки.

Еве, димензиите на секоја страна, исто така, секвенцијално од врвот, стрелките на часовникот, боја - сина, и стил - точка.

граничните боја: сина црвена зелена црна;

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

границата: 1px солидна зелена;
граничниот радиус: 0px 8px 4px 12px;
-moz-гранични-радиус: 0px 8px 4px 12px;
-webkit-гранични-радиус: 0px 8px 4px 12px;

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

Дебелината на рамката и нејзината цел

Со изборот на дебелина на рамката, можете да го користите пиксели, PT, Ем ..., но тоа треба да се има на ум дека секогаш е во рамките на полето елемент. Тоа е тешко да се претпостави дека рамката има CSS дизајн цел, но технички тоа е многу корисно да се потенцира елементите на страната.

Ако главната класа рамка е заклучен, кој е отсутен, со специфицирање на тоа во псевдо-класа: лебдиш, тоа може да се покаже на посетителот на елемент на страницата, кога е покажувачот на глувчето, како истакнување на менито. Понекогаш е потребно да се избере нешто со кликнување на сликата, или да ја одвлечете нешто некаде. Тоа е многу лесен за употреба точка рамка, а не да се промени позадината на елементот или неговата содржина.

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

надвор под

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

Под услов на синтаксата на CSS рамка не дава таква разновидност, како своја иницијатива. Импровизиран - одличен почеток, и ништо не го спречува инвеститорот да изгради сопствен рамка. Особено со сите достигнувања на Интернет технологија и способностите на постоечките стандарди имаат многу ветувачки идеи врз основа на реални недостатоци на постоечката синтаксата, што е (по дефиниција) отсекогаш била строго формално.

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