ページのフォントをより明確にする(css実装)とcssスタイルを使用して価格スクライブをレイアウトする

997 ワード

css 3プロパティ-webkit-font-smoothing
フォントをアンチエイリアシングレンダリングすると、フォントがより鮮明で快適に見えます.アイコンフォントがトレンドになっている今日、アンチエイリアシングレンダリングの使用も増えています.font-smoothingは非標準のCSS定義です.標準仕様の草案に組み込まれ、いくつかの理由でweb標準から削除されました.ただし、アンチエイリアシングレンダリングには、次の2つの定義を使用できます.
Webkitは自分のエンジンでこの効果をサポートしています.
-webkit-font-smoothing 3つの属性値があります.
  • none:低画素のテキストが良い
  • subpixel-antialiased:デフォルト
  • antialiased:アンチエイリアシングが良い
  • 具体コード
    .content{
       -webkit-font-smoothing: antialiased;
    }

    -moz-osx-font-smoothing: inherit | grayscale;この属性もより明確な役割を果たしています.
    具体コード
    .content {
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
    }

    cssとhtml実装スタイルレイアウト横線
  • html実装、HTMLタグでは削除線実装、タグ実装可能

    :100 , :200

    186.00
  • css実装、text-decoration:line-through

    :80 , :220

     .huaxian{text-decoration:line-through}