ホームページ  >  記事  >  ウェブフロントエンド  >  CSSとJavaScriptの違いは何ですか

CSSとJavaScriptの違いは何ですか

藏色散人
藏色散人オリジナル
2021-04-25 11:19:003853ブラウズ

css と javascript の違い: 1. CSS は Web コンテンツからスタイル情報を分離するマークアップ言語であるカスケード スタイル シートを指しますが、JavaScript は動的スクリプト言語です; 2. CSS は変更に使用されます。 Web ページのスタイル。Web ページと人とのインタラクション機能を実現するために JavaScript が使用されます。

CSSとJavaScriptの違いは何ですか

この記事の動作環境: Windows7 システム、css3&&javascript バージョン 1.8.5、Dell G3 コンピューター。

クライアント Web ページには通常、Web コンテンツ、HTML、JavaScript、CSS が含まれます。このうち、JavaScript (略して js) は、Web ページと人との間のインタラクション機能を実現するために使用されるブラウザ クライアント スクリプト言語であり、CSS (カスケード スタイル シート) は、Web ページのスタイルを変更するために使用されます。ウェブページの見栄えを良くするため。

CSS (Cascading Style Sheet) カスケード スタイル シート

プレゼンテーション - Web ページのプレゼンテーション スタイル、つまり「関連するコンテンツをどのように表示するか」を設計します。

CSS とはスタイル Web コンテンツから情報を分離するマークアップ言語。CSS を使用して各要素のスタイルを定義します。主に HTML ページを美しくするために使用されます。

構文は次のとおりです: selector {property: value} (selector {property: value})。

色、フォント、フォント サイズ、幅と高さ、位置、背景などの対応するスタイル属性を設定することで、HTML ドキュメント内の各要素の表示、位置、その他のスタイルを変更できます。 .

JS (JavaScript) 動的スクリプト言語

Behavior (動作) - Web ページの動作 (効果)、つまり「コンテンツがどのように表示されるか」を制御します。イベントに反応する必要があります"

JavaScript コードを使用すると、フロント デスクをインタラクティブ (クリック イベント) にすることができ、Web ページにさまざまな動的機能を追加して、ユーザーによりスムーズで美しいブラウジング効果を提供するためによく使用されます。 。通常、JavaScript スクリプトは HTML に埋め込むことでその機能を実現します。

一般的に使用される JavaScript の関数:

  • HTML ページにダイナミック テキストを埋め込む

  • ブラウザ イベントに応答する

  • HTML 要素の読み取りと書き込み

  • データをサーバーに送信する前に検証します

  • サーバーを閲覧している訪問者の検出情報

  • #作成や変更などを含む Cookie の制御

  • ##[推奨学習:

JavaScript 上級チュートリアル ]HTML ページの読み込みと解析プロセス:

    ユーザーは URL を入力します (これが HTML ページであり、初めてアクセスすると仮定します) )、ブラウザはサーバーにリクエストを送信します。リクエストが行われ、サーバーは HTML ファイルを返します。
  • ブラウザは HTML コードの読み込みを開始し、 タグ内に外部 CSS ファイルを参照する タグがあることを発見しました。
  • ブラウザは CSS ファイルのリクエストを再度送信し、サーバーは CSS ファイルを返します。
  • ブラウザは HTML の 部分のコードを読み込み続け、CSS ファイルが取得され、ページを表示できるようになります。
  • ブラウザは、コード内で画像を参照する タグを見つけて、サーバーにリクエストを送信します。この時点で、ブラウザは画像がダウンロードされるまで待機せず、後続のコードのレンダリングを続行します。
  • サーバーは画像ファイルを返します。画像は特定の領域を占め、後続の段落の配置に影響を与えるため、ブラウザはコードのこの部分に戻って再レンダリングする必要があります。
  • ブラウザは、JavaScript コード行を含む