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

Cascading Style Sheets (CSS) за цялата си простота логично дават възможност не само да се създаде ефектен дизайн решение, но също така да предоставят елементи от реални действия, за да подражават на работата на действителния код.

Всеки визуален маркер HTML-маркировка - правоъгълна област на определена структура и съдържание. Елементът се състои от посочване на координати, размер, пълнеж, цвят, шрифт, шрифт стил, и така нататък. Frame CSS-елемент ги определя окупираната зона са разположени навътре от границите му върху определен тук ширина.

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

ОБЛАСТ елемент поставяне определени координати, спрямо горния ляв ъгъл на страницата (ляво, отгоре), размерът в хоризонтална и вертикална посока (ширина, височина). Всички дизайн и анимация елементи са изработени по двойки "имот: стойност".

Описание се извършва директно в кода на страницата, за да вмъкнете стил или в отделен файл, сочещи към него справка LINK. синтаксис:

#NAME {имота: стойност; имот: стойност; имот: стойност; ...}

или

.name {имота: стойност; имот: стойност; имот: стойност; ...}

Името може да бъде р, тялото, HTML, маса, ТД ..., че е името на HTML-маркиране маркер. Може да се свързва директно с описанието на елемента на стил.

Преди да направите до моя собствен стил на писане, не боли, за да видите как се прави на най-популярните сайтове, запазвайки кода на страницата, или чрез натискане на Ctrl-U за да го видите директно в браузъра.

Основните параметри

Всъщност CSS рамков елемент представена стил (граничен стил), цвят (граничен цвят), ширина (гранично-ширина). Всичко може да се обобщи в един имот - граница. Можете да се опише всяка граница кадър поотделно (гранично-отгоре, граничен дъно, на границата-ляво, на границата-дясно).

CSS рамка, описана от общите правила на Cascading Style Sheets:

граница: 3px;
гранично-цвят: червен;
граница в стил: двойна прекъсната твърда пунктир.

Това описание определя граничния ширина от 3 пиксела, цвят - Гарнитура за червено, Стил: горната страна на двойно, нали - прекъсната, твърди отдолу, отляво - точка.

гранично-ширина: 1px 2px 4px 8 пкс;
гранично-цвят: син;
граница в стил: осеян.

Тук размерите на всяка страна са също последователно от горе, по часовниковата стрелка, цвят - син, и стил - Spot.

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

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

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

На как да се направи рамката в CSS, това зависи от използваемостта на посетителя, защото обикновено стилистично ефект се използва за технически цели, когато е важно да се покаже точното местоположение и размер на площта на страницата.

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

С избора на дебелината на рамката, можете да използвате пиксела, pt, ем ..., но трябва да се има предвид, че винаги е в рамките на област елемент. Трудно е да се предположи, че рамката е с CSS дизайн цел, но технически е много полезна, за да маркирате елементите на страницата.

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

Някои приложения изискват разпределението на частите от страницата, или избор на елементи, за по-нататъшна обработка. В този случай, по време на едно кликване, за да създадете Разделение с граница и докато посетителят не отпуснете бутона на мишката, да я преоразмерите, показващ визуално резултата избор.

Извън рамките

CSS уроци са много интересни, тъй като е значението на научните изследвания кодове страници от популярни сайтове. Въпреки това, на собствените ресурси трябва да са уникални, то трябва да има собствена физиономия.

При условие, синтаксиса на CSS рамка не дава такова разнообразие, като своя собствена инициатива. Impromptu - едно чудесно начало, и нищо не пречи на един разработчик да се изгради своя собствена рамка. Особено с всички постижения на интернет технологиите и възможностите на съществуващите стандарти са много обещаващи идеи на базата на реални недостатъци на съществуващата синтаксиса, който е (по дефиниция) винаги е бил строго официално.

По-специално, ако и да се установи обхватът на някои елементи, изглежда уместно да го направят изчерпателно. Отбелязването отделни маркери в страните и ъглите на един регион, можете да получите невероятни ефекти. А за възлагане на съответните манипулатори, могат да създават динамични елементи на страницата, промяна на позицията, формата и съдържанието.