ホームページ  >  記事  >  ウェブフロントエンド  >  css3(1)_html/css_WEB-ITnose

css3(1)_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:48:581107ブラウズ

皆さんはよく携帯電話で Tencent ゲームをプレイしますが、ゲームのプロセスや感覚を楽しんでいるだけかもしれません。まずは CSS3 をダウンロードしてみましょう。誰でも文句を言うのは歓迎です。以下の基本的な知識は、誰でも一目で理解できる概念です。これらをしっかりと学びたい場合は、どなたでも修正をお待ちしております。

基礎知識 1: 現在主流のブラウザー chromesafarifirefoxopera、さらには 360 もすでに CSS3 機能のほとんどをサポートしています。IE10 も将来的には CSS3 を完全にサポートします。学習の過程で、さまざまなブラウザと互換性を持たせるためにコードの前にプレフィックスが付いているものを目にすることがあります。以下にその例を示します。

基礎知識 2: CSS3 で何ができるのか? アニメーション、角丸、セレクター、影、色、グラデーション効果、パーソナライズされたフォント、複数の背景画像、境界線の背景画像、変形処理、複数列レイアウト、メディア クエリなどの領域が重要な役割を果たし、フロントエンド開発者の作業を大幅に簡素化します。

基本知識 3: border-radius は、要素に丸い境界線を追加するために使用されます。つまり、すべての角が 10px の半径で丸くなります。 : 4px 3px 2px 1px、時計回りに、4 つの半径の値は左上隅、右上隅、右下隅、左下隅です。ここで、この属性に基づいて、実線の円、実線の上の半円、実線の下の半円、実線の左半円、および実線の右半円をどのように実現したいかを推測してください。


基礎知識 4: box-shadow は、ボックスに影を追加することです。考えられる限り、達成できない影はありません。

構文は次のとおりです: box-shadow: X 軸オフセット、Y 軸オフセット、影のぼかし半径、影の拡張半径、影の色、投影方法。

Y 軸オフセットが正の場合は、影がオブジェクトの右側にあることを意味し、その逆も同様で、Y 軸オフセットが正の場合は、影がオブジェクトの底部にあることを意味します。逆も同様です。シャドウの値は、負ではなく 0 または正であることを覚えておいてください。値が 0 の場合、オブジェクトにブラー効果がないことを意味します。値が大きいほど、影のブラー エッジが大きくなります。 draved描画されます。

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