CSS (1) 事前理解_html/css_WEB-ITnose

Brisket News Release Systemを通じてCSSに触れ、Webフロントエンド開発をする際にシンプルで便利、変更しやすいという利点も感じました。

特に CSS ボックスのその後の学習と理解は、多くのものと同様、Web デザインにも深い思考とデザイン スキルが含まれており、それらが生活に統合され、人生を表現するものであることを人々に認識させます。

この記事は主に、CSS コンテンツの概要についての個人的な理解を目的としています。

CSS、カスケード スタイル シート。これは、Web ページのプレゼンテーション層をコンテンツから分離するスタイル設計言語を真に実現し、シンプルで変更が容易なコード制御インターフェイスの分離効果を実現します。

CSS を使用すると、オブジェクトの位置をピクセルレベルまで正確に制御でき、オブジェクトのスタイルやスタイルを自由にデザインして、最適な美しさを実現することもできます。

以下は CSS のいくつかの機能です。

1. セレクターと優先順位。

セレクター ここでは ID セレクターとクラス セレクターを紹介します。

ID セレクターは次のように理解できます。オブジェクトに一意の ID を割り当て、この ID を通じてオブジェクトを制御できます。 ID番号でデータベースを操作するのと同じです。 ID セレクターは「#」で定義されます。

クラスセレクター: クラスを作成し、それにクラス名を付けると、このクラス名を通じてこのクラスを均一に管理できます。このクラスには、多くの具象オブジェクトを含めることができます。

もちろん、汎用と特殊は決して分離できないため、クラス セレクターで特定のオブジェクトを特殊化することもできます。たとえば、オブジェクト「Little Apple」に対して、「Apple」の特別な色などを設定できます。

優先順位とは、CSS スタイルがブラウザーで実行される順序を指し、実際にはコードが実行される順序です。

一般的には順次実行されますが、コード内で競合が発生する場合があります。たとえば、オブジェクト a がクラスに含まれている場合、クラス内のすべてのオブジェクトを赤色で表示することをコード内で指定するだけでなく、a を黄色で表示することも指定します。これには優先順位が必要です。

CSS 中優先度: ID セレクター、クラス セレクター、HTML。

より具体的な区分については、百度百科事典 (http://baike.baidu.com/view/939547.htm) を参照してください。インライン スタイル (インライン スタイル) > クラス セレクター (クラス)、疑似クラス (疑似クラス) -class) と属性 *(属性) セレクター> カテゴリ (タイプ)、疑似オブジェクト (疑似要素)

2. コア

CSS のコアは、標準的なフローを含む CSS ボックスの使用です。モデル、フローティング、ポジショニングなどの知識については、今後のブログで詳しく説明しますので、ここでは詳しく説明しません。

3. CSS+DIV との違い

CSS はカスケード スタイル シートを指します。

DIVはHTML言語のタグ要素であり、レイアウト要素です。

DIV+CSS は、CSS を使用してレイアウトの DIV を制御することを意味します。

DIV はテキストまたは長方形のボックスであり、CSS が Web ページ上のどこにどのように表示されるかを制御すると想像できます。

現在のブログ ページにたくさんの「ボックス」があるのと同じように、この Web ページのソース コードを見ると、たくさんの「DIV」も表示されます: style="attribute:attribute value;attribute :attribute value;. ..」はラベルに適用されるCSSです。これはCSSの使用方法の1つです。
: CSS+DIV を使用するWeb開発が現在の主流であるため、この分野の知識を得るには、誰もがWebページ制作のマスターになるために、その実装原理を完全に理解し、CSSボックスを練習して学ぶ必要があります。