Web フロントエンド開発??CSS テクノロジーのレビュー_html/css_WEB-ITnose

はじめに

Brisket を読んでいたときに CSS についてまとめてみましたが、当時は CSS についての理解が体系的かつ包括的ではありませんでした

。

、CSS全体を整理していきます。

全体的な概要

早速、CSS の全体的な理解を得るために図を見てみましょう。

css は、英語の Cascading Style Sheets の略です。中国語訳は Cascading Styles で、Web ページのスタイルを制御し、Web ページのコンテンツからスタイル情報を分離できるようにするために使用されるマークアップ言語です。

CSSの基礎知識や使い方については、以前ブリスケット（CSSを簡単に言うとCSSの核心）を作るときに詳しく解説しました。ここでは詳細には触れません

。ここでは主に、CSS と JavaScript、XML と AJAX の間の相互作用について説明します。

CSS と JavaScript の相互作用

<span style="font-family:KaiTi_GB2312;font-size:18px;">script language="javascript">var number = new Date().getSeconds() % 3 + 1; //随机数，从1到3//随机选择CSS外部文件document.write('<link href="0' + number.toString() + '/0' + number.toString() + '.css" rel="stylesheet" type="text/css">');</script></span>

実際には、HTML と CSS の間の相互作用と同じで、JavaScript タグを導入するだけで済みます。 JavaScript と対話することで動的な効果を実現します。

CSS と XML の相互作用

CSS と JavaScript 間の相互作用と同様に、XML を導入するだけです。ここで XML はデータを保存する場所として見ることができ、CSS は XML ファイルの表示を美しくします。

CSS と AJAX の相互作用

AJAX は比較的複雑なテクノロジです。これは、JavaScript、CSS、DOM、XMLHttpRequest、およびその他のテクノロジーの融合です。

JavaScript は、CSS、DOM、XMLHttpRequest を介して呼び出される AJAX 全体の最下位部分です。 CSS はページ全体を制御します。CSS がなければ、Web ページ

DOM、非同期操作を実装する HTML 内のツリー

XMLHttpRequest は存在​​しません。

AJAX を初めて使用するため、まだよくわかりません。今のレベルではここでしか紹介できません。

個人的なハイライト

繰り返しますが、CSS は Web ページのコンテンツとスタイルを分離し、CSS ファイルを通じて同じスタイルのスタイルをまとめてカプセル化します。これは、将来の Web サイトのアップグレードと保守に非常に便利です。便利ですね。