>웹 프론트엔드 >JS 튜토리얼 >CSS와 Js 코드를 HTML로 구현하는 방법은 무엇입니까?

CSS와 Js 코드를 HTML로 구현하는 방법은 무엇입니까?

零下一度
零下一度원래의
2017-07-03 09:12:051594검색

CSS와 html을 결합하는 방법:
첫 번째 방법: 각 html에 속성 스타일이 있고, 스타일 속성에 CSS 코드를 작성합니다.
형식: 스타일="속성 이름 1: 속성 값; 속성 이름 2: 속성 값 ;"
예:

<div style="background-color:red;color=black;">第一种结合方式</div>

초: html 태그를 사용하여 구현
형식: 080b747a20f9163200dd0a7d304ba388 선택기 {속성 이름 1: 속성 값; 속성 이름 2: 속성 값;} e90442d4aba9b6409c93259f982d1eec
예:

<style type="text/css">
                div {
                        background-color:red;
                }
                p {
                    color:blue;
                }
        </style>


세 번째 방법: 먼저 CSS 파일을 만들고, CSS 파일에 CSS 코드를 작성한 다음, html 파일의 태그에 구현합니다.
형식: 6ed3ebddb19c30aa62ad0a00cc4a08dc@import url (css 파일 경로);531ac245ce3e4fe3d50054a55f265927
네 번째 방법: 외부 리소스 파일을 도입하고 헤더 태그 링크를 사용하여
형식:

<link rel="stylesheet" type="text/css" href="css的路径"/>

js와 html의 조합:
첫 번째 방법 :html 태그 사용
형식: 4ec11beb6c39d0703d1751d203c17053js 코드2cacc6d41bbb37262a98f745aa00fbf0
두 번째 유형: 먼저 js 파일을 만든 다음 html 파일에서 참조
형식: < ;script type ="text/javascript" src="js 파일 경로">2cacc6d41bbb37262a98f745aa00fbf0

위 내용은 CSS와 Js 코드를 HTML로 구현하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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