CSS бутон. Ползи. Стилове. естетика

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

CSS бутони са най-удобните. За момента те могат напълно да промени стила. И, разбира се, това дава допълнителни възможности за дизайн на сайта като цяло.

Като начало, за да се избегне объркване и неразбиране, че е необходимо да се разбере някои понятия.

CSS, което е

CSS, което означава в превод "Cascading Style Sheets", днес е една от основните технологии в Интернет. Без този език е малко вероятно да струва най-малко един сайт.

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

Лесен за съхранение в тези инструкции в отделен файл с разширение .css. От друга страна, те могат да бъдат поставени в началото на HTML-документ.

Бутон на сайта. Какво е това

Бътън, или графичен за навигацията на сайта трябва да привлече вниманието на посетителя, за да видите, че тя се е укривал необходимата информация, а освен това, той би искал да кликнете. Когато е достатъчно светло и виден, то ще бъдете забелязани. Този бутон може да примами посетители, например, оставят коментари на сайта, изпратете запитване или да се абонирате за бюлетина интересно, и, разбира се, просто прехвърлят исканата потребителското секция на сайта.

Бутоните са статични, анимирани, динамична, звук и без него.

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

CSS бутони

Направете тези бутони много лесно. Голямото предимство на използването им е, че те по всяко време, само за няколко секунди, можете да промените до неузнаваемост.

Както знаем, има три основни точки:

• почивка, когато не правят нищо с него, тъй като просто сърфиране в страницата;
• позиционирате показалеца на мишката върху него курсора;
• и се активира, когато се натисне.

Пълните бутоните точно показана в браузъри като Firefox, Safari, Opera, Chrome. В същото време в Internet Explorer 9, бутонът няма да се показва в пълен размер. Например, кръг ъглите, сянка на текста и инсулт около бутона няма да видим тук се дължи на факта, че тези имоти не се поддържат от този браузър. Въпреки това, като цяло, CSS бутони за сайта изглежда добре в тази версия на браузъра. В Internet Explorer 8 и други версии под осми в бутона няма да се вижда силата на звука, но в същото време, за да се поддържа външния вид на наклони.

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

Оказва се, че дори и ако подкрепата на някои свойства на CSS в Internet Explorer и не, тези бутони ще продължат да изглеждат по-печеливш от прости изображения, защото единственото нещо, което ще загубят потребители в този браузър, така че да го види естетиката на модерните технологии в Интернет -Проектиране. Но това е съвсем без значение дефект.

За всяка позиция се дава свой собствен стил. Тези стилове са написани на специален файл .css или между маркерите на напор в много страницата.

Поставете бутон на уебсайта

Между тялото тагове писан закон:

където

ID = "BUTTON2" тук е името, присъединен към бутона,

HREF = HTTP: // сайт / статия / 175988 /% E2% 80% 9D% D0% 93% D0% 98% D0% 9F% D0% 95% D0% А0% D0% А1% D0% А1% D0% AB % D0% 9B% D0% 9A% D0% 90% E2% 80% 9D са дадени директен линк към желания документ,

ТЕКСТ - печатен текст да се показва на бутона.

Стилове за бутоните

1. Бутон CSS Style се записва отделно в документа, или в самата страница:

2. Първите писмено CSS бутони, когато те са в покой:

3. Допълнителни параметри се записват, съответстващ на бутона, когато курсорът го предлагам. Ако в този случай, само промени на цвят и засенчване, и стил, всичко си остава същата, с изключение на цвят и засенчване:

4. И последната опция е позицията на бутона е натиснат курсора върху него. Често в такива случаи само минимална промяна, като цвят, като в този случай:

CSS - красиви бутони

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

Експериментирането с CSS код и променящите се различни параметри, е възможно да се променят CSS красиви бутони, както и от избора, за да се постигне желания резултат.

Тези параметри са:

- цвета на текста на бутона;

- размера на текста и бутони;

- цветен градиент бутони;

- бутони ъгли радиус;

- и цвета на нея инсулт.

Строго погледнато, можете спокойно, без да се страхува, да експериментират и да изберете най-добрият вариант. Въпреки малкия брой параметри, можете да създадете много разнообразна в своите бутони стил.