>  기사  >  웹 프론트엔드  >  웹페이지 코드에서 js와 ​​css는 무엇을 참조하나요?

웹페이지 코드에서 js와 ​​css는 무엇을 참조하나요?

青灯夜游
青灯夜游원래의
2020-12-23 16:20:057553검색

웹 코드에서 js는 함수 우선순위를 가진 경량, 해석 또는 적시 컴파일된 고급 프로그래밍 언어인 javascript를 의미하며 CSS는 웹 페이지에 다양한 동적 기능을 추가하는 데 자주 사용됩니다. 계단식 스타일 시트는 HTML이나 XML과 같은 문서 스타일을 표현하는 데 사용되는 컴퓨터 언어입니다.

웹페이지 코드에서 js와 ​​css는 무엇을 참조하나요?

이 문서의 운영 환경: windows7 시스템, ECMAScript 2018&&css3 버전, Dell G3 컴퓨터.

추천: javascript 비디오 튜토리얼, css 비디오 튜토리얼

웹 페이지 코드에서 js는 javascript를 나타내고 css는 Cascading Style Sheets를 나타냅니다.

javascript

JavaScript(줄여서 "JS")는 기능 우선순위가 있는 경량, 해석 또는 적시 컴파일된 고급 프로그래밍 언어입니다. 웹 페이지 개발을 위한 스크립팅 언어로 유명하지만 브라우저가 아닌 많은 환경에서도 사용됩니다. JavaScript는 다중 패러다임 동적 스크립팅 언어인 프로토타입 프로그래밍을 기반으로 하며 객체 지향, 명령형 및 선언적(예: 함수형 프로그래밍) 스타일.

JavaScript는 웹 애플리케이션 개발에 널리 사용되는 고급 스크립트 언어로, 웹 페이지에 다양한 동적 기능을 추가하고 사용자에게 더 부드럽고 아름다운 탐색 효과를 제공하는 데 자주 사용됩니다. 일반적으로 JavaScript 스크립트는 HTML에 삽입하여 기능을 실현합니다.

일상 사용:

  • HTML 페이지에 동적 텍스트를 삽입하세요.

  • 브라우저 이벤트에 응답합니다.

  • HTML 요소를 읽고 작성합니다.

  • 데이터를 서버에 제출하기 전에 유효성을 검사하세요.

  • 방문자의 브라우저 정보를 감지합니다.

  • 생성 및 수정을 포함한 쿠키를 제어합니다.

  • Node.js 기술을 기반으로 한 서버측 프로그래밍.

css (Cascading Style Sheets)

Cascading Style Sheets(전체 영어명: Cascading Style Sheets)는 HTML(Standard Generalized Markup Language의 응용 프로그램) 또는 XML(Standard Generalized Markup Language의 응용 프로그램)을 표현하는 데 사용되는 응용 프로그램입니다. 마크업 언어) 하위 집합) 및 기타 파일 스타일 컴퓨터 언어입니다. CSS는 웹페이지를 정적으로 수정할 수 있을 뿐만 아니라 다양한 스크립트 언어와 협력하여 웹페이지의 다양한 요소의 형식을 동적으로 지정할 수도 있습니다.

CSS는 웹 페이지의 요소 위치 레이아웃에 대해 픽셀 수준의 정밀한 제어를 수행할 수 있고 거의 모든 글꼴 크기 스타일을 지원하며 웹 페이지 개체 및 모델 스타일을 편집할 수 있는 기능을 갖추고 있습니다.

기능:

  • 풍부한 스타일 정의

    CSS는 풍부한 문서 스타일 외관을 제공할 뿐만 아니라 텍스트 및 배경 속성을 설정하는 기능과 요소 사이의 거리를 생성할 수 있습니다. 요소 테두리 및 기타 요소, 요소 테두리와 요소 콘텐츠 사이의 거리를 통해 텍스트의 대문자 표시, 장식 및 기타 페이지 효과를 마음대로 변경할 수 있습니다.

  • 사용 및 수정이 쉽습니다.

    CSS는 HTML 요소의 스타일 속성에서 스타일을 정의할 수 있으며, HTML 문서의 헤더 부분에서 정의할 수도 있고, 특수 CSS 파일에서 스타일을 선언할 수도 있습니다. HTML 페이지 참조용. 즉, CSS 스타일 시트는 모든 스타일 선언을 통합된 방식으로 저장하고 관리할 수 있습니다.

    또한 동일한 스타일의 요소를 동일한 스타일을 사용하여 분류하고 정의할 수 있으며, 동일한 이름을 가진 모든 HTML 태그에 특정 스타일을 적용하거나 특정 페이지 요소에 CSS 스타일을 할당할 수도 있습니다. 스타일을 수정하려면 스타일 목록에서 해당 스타일 설명을 찾아서 수정하기만 하면 됩니다.

  • 다중 페이지 애플리케이션

    CSS 스타일 시트는 별도의 CSS 파일에 저장할 수 있으므로 여러 페이지에서 동일한 CSS 스타일 시트를 사용할 수 있습니다. 이론적으로 CSS 스타일 시트는 어떤 페이지 파일에도 속하지 않으며 모든 페이지 파일에서 참조될 수 있습니다. 이러한 방식으로 여러 페이지의 스타일을 통합할 수 있습니다.

  • Cascading

    간단히 말하면, 계단식은 요소에 동일한 스타일을 여러 번 설정하는 것이며 마지막 속성 값 세트를 사용합니다. 예를 들어, 사이트의 여러 페이지에 동일한 CSS 스타일 시트 세트를 사용하고 일부 페이지의 일부 요소에 다른 스타일을 사용하려는 경우 이러한 스타일에 대해 별도의 스타일 시트를 정의하고 이를 적용할 수 있습니다. 페이지. 나중에 정의된 이러한 스타일은 이전 스타일 설정을 재정의하며 브라우저에 표시되는 내용은 마지막으로 설정된 스타일 효과가 됩니다.

  • 페이지 압축

    페이지 효과를 정의하기 위해 HTML을 사용하는 웹사이트에서는 다양한 사양의 텍스트 스타일을 형성하기 위해 많은 수의 반복되는 표와 글꼴 요소가 필요한 경우가 많습니다. 그 결과 많은 수의 HTML 태그가 발생하게 됩니다. 생성되어 페이지 파일의 크기가 증가합니다. CSS 스타일 시트에 스타일 선언을 별도로 넣으면 페이지 크기를 크게 줄일 수 있으므로 페이지 로딩에 소요되는 시간도 크게 줄어듭니다. 또한 CSS 스타일 시트를 재사용하면 페이지 크기가 훨씬 줄어들고 다운로드 시간도 단축됩니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 교육을 방문하세요! !

위 내용은 웹페이지 코드에서 js와 ​​css는 무엇을 참조하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.