概要: Web ページをより美しく見せるために、ここでは CSS3 でよく使用されるスタイルをいくつか紹介します。初心者に最適です!ある日、巨大なロックが風に乗って上昇し、90,000マイルまで舞い上がります。一緒に学び、一緒に進歩しましょう! 1. フォントサイズの単位
2. フォントスタイル
注意:線、スタイル、色には複数の値を設定できます。 3. テキストシャドウ
注: 正のオフセットは右に移動し、負のオフセットは左に移動します。 さまざまな色合いを試してみてください テキストシャドウ:-1px -px 1px #aaa, 0px 4px 1px RGBA(0,0,0,0.5)、 4ピクセル 4ピクセル 5ピクセル RGBA(0,0,0,0.7)、 0px 0px 7px rgba(0,0,0,0.4); 効果図は以下のとおりです。 4. テキストレイアウト
p::最初の行{ 文字間隔: 2px; 単語間隔: 4px; } 下の図に示すように、最初の文にはスタイルが設定されていますが、最後の文にはスタイルが設定されていません。 5. さらに重要な属性を見てみましょう フォントスタイル
... テキストレイアウトスタイル
... 6. フォントの省略 次の順序です: これらのうち、 完全な例は次のとおりです。 フォント: イタリック、通常、太字、通常、3em/1.5、Helvetica、Arial、san-serif; 上記はすべて、最も権威のある MDN Web Docs を参照してまとめた重要な知識ポイントです。皆さんが私と共有していただければ幸いです。不適切なコメントがありましたら、お気軽にコメントしてください! CSS3でよく使われるスタイル[基本的なテキストとフォントのスタイル]の詳しい説明は以上です。CSS3でよく使われるスタイルについて詳しく知りたい方は、123WORDPRESS.COMの過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも123WORDPRESS.COMをよろしくお願いいたします。 |
<<: MySQLデータベースでサポートされているストレージエンジンの比較
>>: タグのターゲットリンクを iframe に向ける方法
序文Linux 環境で作業するエンジニアは、これらの面倒な命令とパラメータのコマンドラインにきっと驚...
今日は nginx サーバーを使用するのですが、vue プロジェクトをサーバーにデプロイする必要もあ...
目次1. インストール前の準備、インストールパッケージのダウンロード1 インストールの準備2 インス...
目次Refsとは何か1. 文字列型参照2. コールバック参照React.createRef() 4....
目次1. Vueルーター1. 説明2. 選択したルートのレンダリング: 3. 基本的な動作原理2. ...
現在このような問題が発生しています 私の状況は、QT が動かなくなってしまったため、仮想マシンを再起...
まずは簡単なデータを見てみましょう。 Googleが発表したレポートによると、 ①中国の都市の97%...
MySQL ツールを使用して、3 日間連続する例を見てみましょう。 1. SQL テーブルを作成しま...
<html> <ヘッド> <meta http-equiv="...
この記事では主に、ElementUI テーブルのヘッダー アイコンにフローティング プロンプトを追加...
昨日、円形のプログレスバー (Vue 円形プログレスバーを参照してください) についてブログを書きま...
先週末、兄弟プロジェクトはより良いサービスを提供するためにサーバーを拡張する準備をしていました。兄弟...
login.html 部分: <!DOCTYPE html> <html lang...
RHEL/CentOS シリーズの Linux オペレーティング システムには MySQL ソース自...
目次1. テンプレート文字列とは何ですか? 2. 複数行のテンプレート文字列2.1 式付きテンプレー...