CSS 버튼을 클릭합니다. 장점. 스타일. 미학

아마 아무도 사이트는 다른 버튼 페이지의 참조없이하지 않습니다. 모두가 당신의 시선에 사이트를 가져옵니다 원하고, 동시에 다양한 수단을 사용합니다. 그래서 크기와 형태 모두, 및 효과 - 그중 웹 디자인에서 다른 매개 변수에 따라 달라질 버튼의 디자인을 포함한다.

CSS 버튼은 가장 편리합니다. 순간 그들은 완전히 스타일을 변경할 수 있습니다. 그리고, 물론, 전체 사이트의 디자인을위한 추가 기회를 제공합니다.

우선, 혼란과 오해를 피하기 위해, 일부 개념을 이해하는 것이 필요하다.

이다 CSS,

"캐스 케이 딩 스타일 시트"번역에 뜻 CSS는 인터넷에서 주요 기술 중 하나 오늘이다. 이 언어가 없으면 적어도 하나 개의 사이트를 비용 않을 수 있습니다.

CSS 코드 - 같은 페이지와 어디를 수행하는 방법에 대한 표시 소자 등의 정보가 포함 된 브라우저에 대한 안내.

확장 .CSS를 가진 별도의 파일에 이러한 지침을 저장하기 쉽습니다. 다른 한편으로는, HTML 문서의 시작 부분에 배치 할 수 있습니다.

사이트 버튼을 누릅니다. 무엇인가

사이트의 네비게이션 버튼 또는 그래픽 그녀가 필요한 정보를 숨기고 있는지 방문자의 관심을 끌기해야하고, 또한, 클릭 할 것입니다. 충분히 밝고 눈에 띄는 때주의 얻을 것이다. 이 버튼은 예를 들어, 사이트에 의견을 남기거나 흥미로운 뉴스 레터를 구독 요청을 보내고, 물론, 단순히 사이트의 요청 된 사용자 섹션을 전송, 방문자를 유도 할 수 있습니다.

버튼 애니메이션, 동적, 소리없이 정적이다.

그들은 특별히 포토샵, 예를 들어, 생성 및 사이트에 이미지를 업로드하고 쉽고 빠르게 CSS에서 그들과 함께 올 수 있습니다 할 수 있습니다.

CSS 버튼

이 버튼은 매우 간단합니다. 그들의 사용의 가장 큰 장점은 언제, 초 단지 몇에서, 당신은 알아볼 수 없을 정도로 변화 할 수 있다는 것입니다.

우리가 알다시피, 세 가지 핵심 포인트가있다 :

• 단지 페이지를 검색으로, 그것으로 아무것도하지 않을 때 휴식;
• 그 위에 커서를 가져가 위치;
• 클릭 할 때와 활성화합니다.

전체 버튼을 정확하게 파이어 폭스, 사파리, 오페라, 크롬 등의 브라우저에서 표시됩니다. 인터넷 익스플로러 9에서 동시에 버튼 전체에 표시되지 않습니다. 예를 들어, 모서리가 둥근 버튼 주위에 텍스트 그림자과 뇌졸중으로 인해 이러한 특성이 브라우저에서 지원되지 않는다는 사실을 여기에 표시되지 않습니다. 그러나 일반적으로 사이트에 대한 CSS-버튼을 브라우저의 버전에 좋아 보인다. 인터넷 익스플로러 8과 버튼에서 여덟째 아래의 다른 버전을 볼 볼륨되지 않습니다, 그러나 동시에, 그라디언트의 모양을 유지하기 위해.

우리는 이미지와 CSS 버튼의 형태로 버튼을 비교하면 그 차이는 서버의 공간이 완전히 무관 한 것입니다. 그러나 CSS 버튼을 서버로 요청의 수를 줄일 수 있지만 이미지로 버튼에 비해 분명 장점이 될 것입니다.

그것은 들어 Internet Explorer에서 사용자를 잃게됩니다 유일한 것은 그래서 웹에 그것을 현대 기술의 미학을 볼 수 있기 때문에 Internet Explorer에서 일부 CSS 속성의 지원이없이,이 버튼은 여전히 더 간단한 이미지보다 경력이있는 모양하더라도 밝혀 - 디자인. 그러나 그것은 매우 비 물질적 결함이다.

각 위치에 대한 자신 만의 스타일이 부여됩니다. 이러한 스타일은 특수 파일 .CSS 또는 매우 페이지에서 헤드 태그 사이에 기록됩니다.

웹 사이트에 버튼을 배치

body 태그 작성된 코드 사이 :

어디에

ID는 = "단추 2"여기, 버튼에 할당 된 이름입니다

HREF = HTTP : // 사이트 / 기사 / 175988 / % E2의 % 80 % 9D %의의 D0 %의 93 % D0 %의 98 % D0 %의의 9 층의 %의 D0 %의 95 % D0 % A0 % D0 % A1 % D0 % A1 % D0 % AB D0 9B % % % % D0 9A % D0 % 90 % 80 % 9D가 원하는 문서를 직접 링크를 부여 E2 %

TEXT - 인쇄 된 텍스트가 버튼에 표시합니다.

버튼의 스타일

1. CSS 스타일 버튼은 문서 또는 페이지 자체에서 개별적으로 기록됩니다

그들이 쉴 2. 먼저 작성 CSS 버튼 :

제 1 항에있어서, 파라미터는 커서를 제시 할 때 버튼에 대응하는 기록된다. 이 경우, 색상 및 음영과 스타일을 변경하는 경우, 모든 색상과 음영을 제외하고는 동일하게 유지 :

4. 그리고 마지막 옵션은 버튼의 위치가 커서를 누르면입니다. 종종 이러한 경우이 경우 같은 색상으로 만 최소 변화에 :

CSS - 아름 다운 버튼

그라디언트를 만들려면 버튼을 사용할 수 있습니다. 그것은 최초의 포토샵 같은 이미지 편집기의 버튼을 그리는 것이 가장 좋습니다, 그래서 당신은 결국 일을 정확히 알고있다. 당신이 포토샵을 사용하는 경우, 그것은 초기에 이미 약간의 구배를 가지고 있지만, 또한, 사이트 좀하고 싶습니다 종류를 더 많은 다운로드 할 수 있습니다.

CSS 코드 변화하는 각종 파라미터 실험, 상기 CSS 다운 버튼을 변화시키는 것이 가능하며, 선택에 의해, 원하는 결과를 얻기 위해.

이 매개 변수는 다음과 같습니다

- 버튼의 텍스트의 색상;

- 텍스트와 버튼의 크기;

- 컬러 그라디언트 버튼;

- 버튼은 반경 각도;

- 그녀의 스트로크의 색상.

엄밀히 당신은 실험과 최고의 옵션을 선택, 두려움없이, 안전하게 할 수 말하기. 매개 변수의 소수에도 불구하고, 당신은 자신의 스타일 버튼에서 매우 다양한 만들 수 있습니다.