ホームページ >ウェブフロントエンド >jsチュートリアル >CSSとJSコードをHTMLに実装するにはどうすればよいですか?

CSSとJSコードをHTMLに実装するにはどうすればよいですか?

零下一度
零下一度オリジナル
2017-07-03 09:12:051568ブラウズ

CSSとHTMLを組み合わせる方法:
1つ目の方法: 各HTMLにstyle属性があり、style属性にCSSコードを記述する
書式: style="属性名1:属性値; 属性名2:属性値;"
例:

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

2 番目: HTML タグを使用して実装します
形式: 080b747a20f9163200dd0a7d304ba388 セレクター {属性名 1: 属性値; 属性名 2: 属性値;} e90442d4aba9b6409c93259f982d1eec
例:

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


3番目の方法: まずcssファイルを作成し、cssファイルにcssコードを記述し、HTMLファイルのタグに実装します
形式: 6ed3ebddb19c30aa62ad0a00cc4a08dc@import url (css ファイルへのパス);531ac245ce3e4fe3d50054a55f265927
4 番目の方法: 外部リソース ファイルを導入し、ヘッダー タグのリンクを使用して実現します
形式:

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

js と html の組み合わせ:
1つ目の方法:htmlタグを使用します
形式: 4ec11beb6c39d0703d1751d203c17053jsコード2cacc6d41bbb37262a98f745aa00fbf0
2つ目の方法: まずjsファイルを作成し、それをhtmlファイル内で参照します
形式: < ;script type ="text/javascript" src="js ファイルへのパス">2cacc6d41bbb37262a98f745aa00fbf0

以上がCSSとJSコードをHTMLに実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。