Han Shuping div CSS 基本ビデオ チュートリアル コースウェア ソース コード

css は英語の Cascading Style Sheets の略語で、p+css は Web サイト標準 (または「WEB 標準」) で一般的に使用される用語の 1 つで、通常は HTML Web デザイン言語でのテーブルの配置を説明するために使用されます。方法の違いは次のとおりです。新しい Web サイトのデザイン標準では、テーブル配置テクノロジは使用されなくなりましたが、DIV+CSS がさまざまな配置を実現するために使用されます。 「韓順平の2016年最新p css基礎ビデオチュートリアル」は、HTMLをベースにWebページのレイアウトや配置について基本的に解説しています。

p+css は次のように簡単に理解できます: p はコンテンツ (テキスト、画像、要素) を保存するために使用されるコンテナーです。 CSS は、p に配置されたコンテンツの位置や外観など、コンテンツの表示方法を指定するために使用されます。

コース再生アドレス: http://www.php.cn/course/433.html

先生の教え方:

先生の講義は鮮やかで機知に富み、感動的です。鮮やかな比喩は最後の仕上げのようなもので、生徒に知恵への扉を開きます。適切に配置されたユーモアは、まろやかなワインを飲むように、人々に後味と郷愁を与え、哲学者の格言や文化への言及をもたらします。ナレーションの中に時々散りばめられ、人々に考えさせ、警告を与えます。

このビデオでより難しい点は、ブラウザーの互換性スキルです。

いわゆるブラウザーの互換性の問題とは、異なるブラウザーが同じコード部分の異なる解釈を持ち、ページ表示効果に一貫性がなくなる状況を指します。ほとんどの場合、当社の要件は、ユーザーが当社の Web サイトの閲覧やシステムへのログインにどのブラウザを使用しても、統一された表示効果が得られることです。したがって、ブラウザーの互換性の問題は、フロントエンド開発者が頻繁に遭遇する問題であり、解決する必要があります。

ブラウザの互換性について学ぶ前に、フロントエンド開発者を 2 つのカテゴリーに分けたいと思います。

1 つ目のカテゴリーは、設計図に従って正確に開発を行うフロントエンド開発者で、これは 1px まで正確であると言えます。設計図の欠陥を簡単に発見でき、まれにブラウザのバグが原因で発生するブラウザの互換性の問題も発生しました。さらに、作成したページは後で保守しやすく、コードの再利用の問題もほとんどありませんでした。比較的安定していて信頼できるコードであること。

2 番目のカテゴリは、基本的に設計図面に従って開発するフロントエンド開発者で、間隔、行の高さ、画像の位置など、多くの細部が大きく異なり、多くの場合数ピクセル異なります。特定の効果の実現も、デバッグを繰り返すことで達成されます。この効果が発生する具体的な理由はまだ不明瞭で、全体的なレイアウトは非常に脆弱です。ほんの少しの変更で混乱が生じます。なぜこのようにコードが書かれているのかわかりません。このような開発者は互換性の問題に悩まされることがよくあります。このブラウザを変更すると、別のブラウザがおかしくなってしまいました。何も分からずに何度も交換してしまいました。実際、彼らが遭遇した互換性の問題のほとんどはブラウザのせいではなく、彼らのテクノロジー自体のせいであるはずです。

ここでは、ソース コード リソースのダウンロードもお勧めします: http://www.php.cn/xiazai/learn/2125

リソースはビデオ コースウェアとソース コードを共有します

以上がHan Shuping div CSS 基本ビデオ チュートリアル コースウェア ソース コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。