ホームページ > ウェブフロントエンド > htmlチュートリアル > Web フロントエンド開発??CSS テクノロジーのレビュー_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 11:53:18
オリジナル
1131 人が閲覧しました

はじめに


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 サイトのアップグレードと保守に非常に便利です。便利ですね。



ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート