ホームページ  >  記事  >  ウェブフロントエンド  >  フロントエンド CSS3 を始める

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

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-10 09:31:181607ブラウズ

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

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

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 サイトその他の関連記事に注目してください。

関連書籍:

IE11 の CSS ハックを解決する方法

axios Promise ベースの HTTP リクエスト クライアントを作成する方法

VUE が anmate.css を使用する方法

以上がフロントエンド CSS3 を始めるの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。