バックエンド プログラマーがフロントエンド (CSS) について語る レッスン 1: CSS の概要_html/css_WEB-ITnose

1. ブラウザをプレイすることから始めます

ブラウザをプレイすることは、Head First の本の非常に重要な部分です。しかし、作者はブラウザをプレイするスクリプトを私たちに伝えるのを忘れていました。ここから始めましょう。

上の図は、Webkit カーネルが HTML と CSS をレンダリングするフローチャートです。この図から、次の重要な情報を知ることができます:

1. HTML の解析プロセスと CSS の解析プロセスは独立して完了します。 HTML は DOM ツリーに解析され、CSS はスタイル ルールに解析されます。
2. HTML と CSS が解析された後、それらは結合されてビューを形成し、描画されます。見せる。

2. マップ

マップはこの一連の記事の整理ディレクトリであり、ある程度、Wang Fupeng 氏の「CSS 学習のアイデア」を参照しています。

3. 概念リテラシー (はい、これは本文の前にある知識ポイントです。)

1. ルール: CSS ルールは、セレクターと 1 つ以上のステートメントの 2 つの部分で構成されます。

2. セレクター: セレクターは通常、スタイルを変更するために必要な HTML 要素です。

3. ステートメント: ステートメントは、設定するスタイルです (各ステートメントは属性と値で構成されます)。

4. 属性: 属性は、設定するスタイル属性です (各属性には値があり、属性と値はコロンで区切られます)。