CSS 효과 : 요소의 모서리를 반올림합니다.

계단식 스타일 시트의 구문은 프로그래밍 및 개발 사이트와는 거리가 먼 사람에게조차도 예상치 못한 디자인을 얻을 수있는 가능성을 제공하기 위해 간단하게 구성됩니다. 아마도 아이들의 게임 큐브가 모든 사람의 기억 속에 남았던 것에서부터 HTML에서 다각적 인 경험을 사용하기 위해, CSS는 어렵지 않습니다.

그러나 현대 프로그래밍은 실제 현실의 구성을 표현하는 것과는 거리가 멀다. 지금까지, 그 의미와 공식적인 목적으로 사용 된 영역 (블록 요소에 의해 점유 됨)은 직사각형 모양을 가지므로 그 안에서 원하는 윤곽 커브가 형성됩니다.

지금까지 어떤 원, 곡률 반경, 곡선이있는 직선 등은 복잡한 수학적 방정식 또는 매우 작은 입방체, 사다리꼴, 삼각형 또는 다른 직선 요소로 설명됩니다.

고전 직접 건축

프로그래밍 및 정보 기술의 진보가 직사각형 디자인을 정당화했다는 것은 놀라운 일이 아닙니다. 고급 아이디어는 둥근 형태로 시간을 낭비하지 않았지만 HTML, CSS 및 관련 프로그래밍 언어의 태그 및 규칙에 충분한 기능을 개발자에게 제공하는 것을 잊지 않았습니다.

페이지에서 사용되는 모든 요소는 직사각형 영역을 가지며 여러 구성 요소가 선택됩니다. 각 특정 사례에서 사용 가능한 구문 구조에서 특정 내용을 표시하는 기능과 브라우저 간 호환성의 요구 사항 만 있으면서 사용해야합니다.

일반적인 CSS 규칙

계단식 스타일 시트는 다음과 같이 요소를 설명하는 것이 좋습니다.

• 속성 : 값.

속성은 특정 이름이고 값은 이름이거나 이름 또는 값의 열거 형일 수 있습니다.

블록 요소와 CSS를 통해 모퉁이를 반올림해야하는 필요성에 대해서는 border-radius 속성과 해당 값을 "38px"또는 "8px 16px 24px 38px"형식으로 사용하는 것이 좋습니다.

값을 하나의 숫자로 설정하면 모든 각도에 대해 하나의 값으로 설정됩니다. 네 가지 값 모두에 대한 기록은 다음과 관련됩니다.

• 왼쪽 위의 첫 번째 숫자.
• 두 번째 오른쪽 상단;
• 세 번째 - 오른쪽 아래로;
• 후자는 왼쪽 하단으로.

일부 규칙 공유하기

테두리, 이미지 및 배경 개념을 함께 사용할 수 있습니다. 이는 정상적인 것이며 규칙이 서로 방해하지 않고 일반적인 구성을 형성합니다. 중요한 것은 각각의 의미가 정확히 무엇이며 어떻게 중첩되는지를 설명하는 것입니다.

이 요소 나 요소를 구현하기 전에 몇 가지 실험을 수행하고 여러 브라우저에서 작동을 테스트하는 것이 중요합니다. 조언, 권장 사항, 제 3 자 예제 또는 CSS 구문, 모서리 라운딩 등의 오리엔테이션은 자신의 신선한 연습보다 거의 없습니다.

모퉁이 디자인의 관점에서 볼 때 테두리, 이미지는 동일한 개념이라는 것을 이해하는 것이 중요합니다. 그림은 png 형식이 아닌 그림으로 표현 될 수 있습니다. CSS에 설정된 규칙에 따라 브라우저에서 잘립니다. 모서리를 반올림하는 것은 소스 자료의 직사각형에 관계없이 개발자의 관심사입니다.

HTML의 특징 , 브라우저의 CSS

모든 브라우저에서 바로 스타일을 일괄 적으로 입력하십시오. 어쨌든 "CSS : rounding corners"라는 테마의 고전 예제는 다음과 같이 작성하는 것이 좋습니다.

배경 : # FF7F00; / * 배경 * /

테두리 : 1px #CCCCCC 솔리드; / * 프레임 * /

-moz-border-radius : 10px; / * 모질라 파이어 폭스를위한 CSS 라운딩 모서리 * /

-webkit-border-radius : 10px; / * ... Chrome 및 Safari 용 * /

-khtml-border-radius : 10px; / * ... Konquerer * /

테두리 반경 : 10px; / * 모든 CSS 라운딩 / * 등

그러나 대부분의 경우 마지막 규칙을 표시하는 것으로 충분합니다. 리던던시는 실제 필요가있을 때만 사용해야합니다.

고전적이고 놀라운 테이블

객관적인 관행은 표 레이아웃 (tr, td)과 div 및 span 태그 ( "놀라운 레이아웃")의 사용에 대한 수많은 논쟁에도 불구하고 합리적인 필요성을 선호합니다.

Divas에는 미덕이 있고, Divas에는 테이블이 있습니다. 그들이 서로 보완하지 않고 간단히 경쟁한다면, 문제는 테이블과 디바의 가장 좋은면을 결합하여 한 변종으로 빠르게 사라질 것입니다.

대부분의 사이트는 CMS (사이트 관리 시스템)를 사용하여 생성되며 개발자가 처분 할 때 "거대한"데이터 배열, 수백 개의 폴더, 개체 및 테이블뿐만 아니라 다양한 테이블이 제공됩니다.

태그 [div | span]는 할당되지 않았지만 개발자가 완전히 구매하는 유일한 것은 CSS 스타일입니다. 또한 CMS는 개발자의 독창성과 함께 추가 된 스타일의 고유 한 스타일과 변경 사항 (예 : CSS 모서리의 둥근 모양)을 명확하게 구분하여 언제든지 설정과 기본 스타일을 복원 할 수 있습니다.

구문에 의해 제공되지 않는 커브와 각도

HTML, CSS의 모든 규칙을 엄격하게 준수 할 수 있지만 그 결과는 제공되지 않습니다. 서로 위에 요소를 겹쳐서 구성하면 모든 구성 영역을 가져올 수 있습니다. 서버에서 PHP 프로그래밍을 사용하면 방문자의 브라우저에 모든 스타일 파일을 보내고 해당 JavaScript 코드를 HTML 파일 본문이나 별도의 js 파일에 첨부 할 수 있습니다.

윤곽선의 모든 버전, CSS 규칙을 벗어난 임의의 양식의 요소! 반올림 코너는 부분적인 것일뿐 실제 가능성은 훨씬 넓습니다. 자신 만의 객체를 프로그래밍하는 동시에 개별 브라우저의 기능에주의를 기울일 수없고 예외없이 모든 브라우저에서 인식되는 하이퍼 텍스트 언어의 태그 및 구조 만 사용하십시오.

객체 지향 프로그래밍의 아이디어를 사용하여 어떤 폼 브라우저에서도 제공되지 않는 각도 또는 곡선의 모양을 디자인 할 수 있습니다. 이 경우 정확하게 원래 사각형 모양의 영역의 각도가 될 필요는 없습니다. CSS 규칙의 형식으로 설명 된 곡선의 구성 요소가 하나의 비주얼 JavaScript 객체 코드로 결합되고 브라우저의 올바른 위치에 올바른 모양으로 자신을 반영하는 것이 중요합니다.

이 기술을 사용하면 이러한 객체가 3 차원 평면에서 실현되거나 애니메이션을 시연하는 것을 막을 수 없습니다.