フロントエンド CSS3 を始める

フロントエンドを学びたいなら、CSS3 と HTML5 が最も基本的で最初に学ぶべき知識であることはわかっています。今日はフロントエンドの入門である CSS3 について説明します。一緒に見ていきましょう

これ以上くだらない話はやめましょう早速本題に入ります

ページを構成する重要な要素
CSS3は「モジュール」に分割されています。古い仕様は細かく分割され、新しい仕様が追加されました。
最も重要な CSS3 モジュールの一部は次のとおりです。

Selector

css はスタイルとも呼ばれ、「セレクター」、「スタイル属性」、「属性値」の 3 つの部分で構成されます (Alibaba の面接の質問)。

場合 HTML要素にCSSスタイルを設定したい場合は、要素①に「id」セレクターと「class」セレクターを設定する必要があります。

①要素はJSではDOMと呼ばれ、ブロックレベルの要素とインライン要素に分かれます
分からない場合は自分で詳細を確認してください

<p class="xxx">Hello,world</p>选择器{属性:值}
.xxx{width:100px;}<p id="xxx">Hello,world</p>选择器{属性:值}
#xxx{width:100px;}

セレクターがクラスを使用する場合は、スタイルを記述しますセレクターが id を使用する場合は、#xxx のように「.」で始まる必要があります (id が唯一のセレクターであり、クラス名は 1 回しか使用できないことが特に強調されます)。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトその他の関連記事に注目してください。