ホームページ  >  記事  >  ウェブフロントエンド  >  CSS3とは何ですか?史上最も包括的な CSS3 入門書

CSS3とは何ですか?史上最も包括的な CSS3 入門書

云罗郡主
云罗郡主転載
2018-10-23 14:05:083482ブラウズ

この記事では、CSS3 とは何ですか?史上最も包括的な CSS3 入門書は、確かな参考価値があります。必要な方は参考にしていただければ幸いです。

CSS3とは何ですか?史上最も包括的な CSS3 入門書

CSS3 に触れたことのない読者にとって、CSS3 を見たときの最初の反応は、「CSS3 と CSS の違いは何ですか?」ということでしょう。実際、CSS3 はアップグレードされたものです。 CSSのバージョン。 CSS は CSS1.0、CSS2.0、CSS2.1、CSS3.0 からアップグレードされています。CSS2.1 は CSS2.0 の改訂版であり、CSS3.0 は CSS の最新バージョンです (CSS バージョンの問題も非常に重要であることを理解してください)。必要)。

私たちが通常 CSS と呼ぶものは、実際には CSS2.1 を指し、CSS3 は特に CSS2.1 に関連して「新しく追加された属性」を指します。

CSS2.1 と比較して、CSS3.0 では多くの新しいプロパティとメソッドが追加されています。最も代表的なものは、角丸、変形、アニメーションなどです。 CSS2.1ではラベルの角丸設定が頭の痛い問題で、アニメーション効果もjQueryなどで実現しています。

CSS3 には次の強力な機能があります:

(1) セレクター;

(2) テキスト効果: テキストシャドウ text-shadow 属性、埋め込みフォント @font- など顔など;

(3) カラー効果: RGBA カラー、不透明度など;

(4) 境界線効果: 境界線の丸み、境界線の半径、境界線の影など。 box-shadow など;

(5) 背景効果: 背景サイズ、background-size、背景スライスなど

(6) CSS3 変形: など。変位translate()、スケーリングscale()など;

(7) CSS3トランジション: トランジションプロパティtransition-property、トランジション時間transition-durationなど。 :

(9) 複数列レイアウト ;

(10) 柔軟なボックス モデル;

(11) ユーザー インターフェイス: 要素のサイズ変更属性や外側の調整などcontour 属性;

CSS3 の最大のメリットは、以前は画像や JavaScript を使用する必要があった効果を、わずかな CSS コードで実現できることです。

CSS シリーズは、ウェブマスターが CSS 入門チュートリアル、CSS 上級チュートリアル、CSS3 チュートリアルに分けて紹介しています。そのうち、CSS 入門チュートリアルと CSS 上級チュートリアルは、CSS2.1 用です。 CSS3 チュートリアルは「新しく追加された属性」を対象としています。 。 CSS3 チュートリアルはフロントエンドに関する高度なチュートリアルです。学習する前にしっかりとした基礎を築いておくことをお勧めします。そうしないと、多くの質問が発生し、学習する意味がありません。このチュートリアルでは、ウェブマスターはあまりにも基本的な知識の説明にあまり時間を費やしません。時間があるときに友達が Du Niang を探しに行くだけで済みます。 CSS3 チュートリアルでは、HTML と CSS の基本的な知識が必要です。以下は前提条件コースです:

#HTML ビデオ チュートリアル

#HTML5 ビデオ チュートリアル

フロントエンドの専門家であっても、PHP 中国語 Web サイトにある HTML 入門チュートリアルと CSS 入門チュートリアルは、知識が体系化されており、多くの情報が提供されているため、検討する価値があると思います。プログラミングスキルとアイデアが追加されました。

以上がCSS3とは何ですか?史上最も包括的な CSS3 入門書の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はlvyestudy.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。