いくつかの CSS3 タグの短縮形 (推奨)

border-radius: CSS3 丸い角
構文: border-radius: 25px;

楕円の角: 構文 -border-radius: xx%; または 15px/100px;

box-shadow: CSS3 ボックスシャドウ
構文: box-shadow: 5px 5px 10px #eee;

border-image: 画像を使用して境界線を作成する
構文: border-image:url(xx.xxx) 30 30 ラウンド
丸は平らにすること、伸ばすは伸ばすこと

background-size: 背景画像のサイズをカスタマイズします
構文: background-size:--px --px;
背景画像は完全に背景を埋め尽くします。background-size: 100% 100%;

background-origin: 背景画像の位置領域を指定します border-box padding-box content-box

CSS3 では複数の背景画像が許可されます: background-image:url(img_flwr.gif),url(img_tree.gif);

CSS3 グラデーション

linear-gradients: 線形グラデーション
構文: background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);

透明性を活用する
構文: linear-gradients（to right,rgb(255,0,0,0),rgb(255,0,0,1));

透明度を追加するには、rgba() 関数を使用してカラーストップを定義します。 rgba() 関数の最後の引数には、色の透明度を定義する 0 から 1 までの値を指定できます。0 は完全に透明、1 は完全に不透明を意味します。

放射状グラデーション: 放射状グラデーション
構文は linear-gradients と同じなので、ここでは繰り返しません。

text-shadow: テキストの影
構文: text-shadow: --px --px --px #eee;

word-wrap:break-word 単語が長すぎてテキストボックスから溢れる場合、このタグは強制的に改行します。

上記の CSS3 タグのショートハンド (推奨) に関する記事は、エディターが皆さんと共有する内容のすべてです。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

オリジナルURL: http://www.cnblogs.com/zhouliang/archive/2016/07/06/5647213.html