一般的に使用されるテキストのフォントスタイルCSSの概要の11種類

共通のCSSスタイル:1.フォント背景色テキスト属性プロパティは3. 4. 5.国境属性リストスタイルのマウスカーソルがプロパティをターゲットとし、内側と外側の余白9.フロート10フロート11スクロールバーをクリアする6. 7. 8.属性ショーと隠します
テキスト:1.letter間隔/ *文字ピッチ* / 2.word間隔/ *単語の間隔* / 3.textの装飾/ *下線* / 4.text-ALIGN / *アライメント* / 5.textインデント/インデント* * / 6.line高さ/ *行の高さ* / 7.color / *カラー* / 8.word-ブレーク/ * *ラップテキスト/
フォント:1.font-家族/ *フォントの種類* / 2.fontサイズ/ *フォントサイズ* / 3.fontスタイル/ *フォントスタイル* / 4.font-重量/ *フォントの重さ* /
1  <!DOCTYPE HTML > 
2  < HTML のlang = "EN" > 
3  < ヘッド> 
4      < メタのcharset = "UTF-8" > 
5      < メタ= "ビューポート" コンテンツ= "幅=デバイス幅、初期スケール= 1.0" > 
6      < タイトル> 11种常用CSS样式之文本字体汇总</ タイトル> 
7      < スタイルタイプ= "テキスト/ cssの" > 
8          のdiv。
         * / 
10          フォントファミリー「微軟雅黒で」; / * フォントの種類や引用符は、通常の表示だった、追加することをお勧めします* / 
11          フォントサイズは24px ; / * フォントサイズ* / 
12          フォントスタイルを斜体; / * フォントの外観、イタリック当EM * / 
13である         フォント重量900 ; / * フォントデフォルト厚さ100から900まで、900通常セリフ共通太字正常太字ライターの同等の* / 
14          } 
15          / * バージョン* / 
16          div.box2 { 
。17          文字間隔1ピクセル; / * 文字ピッチ* / 
18である         ワード間隔-5px ; / * 単語/文字ピッチ* / 
19。         テキスト装飾ラインを介して
20          / * 下線ライン貫通上線、下線* / 
21れる         テキストALIGN =左正当化; / * ALIGNセンターザ・は右から左正当化* / 
22で         、テキストインデント100ピクセル; / * インデント* / 
23は         / * 高さ:40ピクセル;
 24          背景色:#CCC;* / 
25          / * ブロック要素の行の高さと同一の高さは、垂直中心表示テキスト* / 
26は、         行の高さ40ピクセル
27  rebeccapurple ; / * カラーRGB進ワード* / 
28          / * 悪意のある入力アルファベット、システム、スクロールバーをラップ、ワードBREAKない:BREAK-すべて* / 
29          オーバーフロー自動; 
30          ワードBREAK BREAK-すべて; / * テキストラップ* / 
31れる         } 
32      </ スタイル> 
33である </ ヘッド> 
34のIS  <ボディ> 
35      < divのクラス=「BOX1」> 
36は、         星があなたのストレスから来る」時間が報わ、急いで人々を聞かないたいと思います。ただ非常に難しいふり、ない自己規律、現状維持の心の欲望を維持する。だから不安とパニック"
 37      </ DIV > 
38である     < DIV クラス="ボックス" > 
39  テキスト:1.letter間隔/ *文字ピッチ* / 2.word間隔/ *単語の間隔* / 3.textの装飾/ * *下線/4.text-align/*整列* / 5.textインデント/ *インデント* / 6.line高さ/ *高いライン* / 7.color / *カラー* / 8.wordブレーク/ *テキストオフライン* /
 40      </ DIV > 
41である     < DIV クラス= "BOX2" > 
42のIS         https://www.cnblogs.com/dhnblog/May星空が通行人を-でお願いしていない時、「あなたの圧力がから来ているあなたを気に人々の価値がある:あなたは仕事にふりだけで、自分自身を訓練することはできませんハード、現状維持あなたの内なる欲望に追いつくことはできません。あなたが心配しているとbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb「パニックので、
 43      </ divの> 
44  </ ボディ> 
45  </ HTML >

おすすめ

転載: www.cnblogs.com/dhnblog/p/12341287.html