CSS ヒント memo_html/css_WEB-ITnose

はじめに: CSS を学習し実践する過程で、よく使用されていると思われるコードを忘れることがよくありますが、記憶を強化するためにここにまとめて、すぐに参照できるように次々に追加および削除します。将来的には時間内に問題を解決し、これらの奇妙なキャラクターを念頭に置いておきたいと思います。

1. 段落テキストの強制配置について

text-align:justify; text-justify:inter-ideograph; テキストの両端を揃えたい場合は、最初にP の幅、次に { text -align:justify; text-justify :distribute-all-lines; }

2. ボタンのさまざまな状態に CSS を追加します

コード

& lt;style type= "text/css">

onMouseOver="this.className='over';"
onMouseOut=" this.className=' ';"
onMouseDown="this.className='down' ;"
onMouseUp="this.className='over';"
value="クリックされなかったボタン"
onClick ="this.value='クリックされたボタン'" name="ボタン">
3.
12. 1 つの CSS ファイルに別の CSS をインポートします
@import url(***.css) );

4. グラデーションの背景色 (必ずこれを使用してください。幅または高さを追加する必要があります)

FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EEF5F8,endColorStr =#ffffff);

これを使用するときは、 DIV の幅または高さの値の定義に注意する必要があります。

CSS コード

.gradient { /* Firefox 3.6 */

background-image: -moz-linear-grad ient(top, #81a8cb, #4477a1);

/ * Safari と Chrome */

背景画像: -webkit-gradient(linear,leftbottom,lefttop,color-stop(0, #4477a1),color-stop(1, #81a8cb));

/* IE6 および IE7 */

フィルター: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');

/ * IE8 */
- ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1')"; ,#f1f9ff 100%) リピートなし;
3. 背景:-moz-linear-gradient(#fff 0%,#f1f9ff 100%) リピートなし;
背景:-webkit- gradient(linear,0 0,0 100% ,from(#fff),to(#f1f9ff)) no-repeat;
4. background:-o-linear-gradient(#fff 0%,#f1f9ff 100%) no-repeat
7. 5. 使用します。 IE6 で透明効果を作成するための PNG 画像
9. *html #id{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=images/* .png); }
10. ;
12. 6. 単一行のテキストを省略します
{ overflow:hidden; text-overflow:ellipsis; }

これを使用する場合は、単一行の幅の値を定義する必要があります。テキストを省略する必要がある行 (div または li など)。

7. ホームページとして設定し、お気に入りに追加するコード

HTML コード

1. ホームページとして設定|お問い合わせ|お気に入りに追加 8. 中国語のストローク効果

Java コード