CSSで文字サイズと文字色を設(shè)定する方法
Nov 12, 2021 am 09:25 AM
CSS では、「font-size」屬性と color 屬性を使用してフォント サイズとフォントの色を設(shè)定できます。「{font-size: フォント サイズの値; color: 色の値;」を追加するだけです。 }" をフォント要素に追加します。スタイルを設(shè)定するだけです。
このチュートリアルの動作環(huán)境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
CSS でフォ??ント サイズとフォントの色を設(shè)定する方法:
1. font-size 屬性を使用してフォント サイズを設(shè)定します
デモ コード:
.demo1{font-size: 20px;}例は次のとおりです:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
.demo1{font-size: 20px;}
.demo2{font-size: 50px;}
</style>
</head>
<body>
<p class="demo1">文字大小1</p>
<p class="demo2">文字大小2</p>
</body>
</html>出力結(jié)果:
2。 color 屬性を使用してフォントの色を設(shè)定します。
デモ コード:
.demo1{color: #FF0000;}例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="text/css">
.demo1{color: #FF0000;}
.demo2{color: #0E931C;}
</style>
</head>
<body>
<p class="demo1">文字顏色1</p>
<p class="demo2">文字顏色2</p>
</body>
</html>出力結(jié)果:
プログラミング ビデオをご覧ください。 ！
以上がCSSで文字サイズと文字色を設(shè)定する方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。
ホットAIツール
Undress AI Tool
脫衣畫像を無料で
Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ
AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中國語版
中國語版、とても使いやすい
ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
CSSバックドロップフィルタープロパティを使用する方法は？
Aug 02, 2025 pm 12:11 PM
バックドロップフィルターは、要素の背後にあるコンテンツに視覚効果を適用するために使用されます。 1。バックドロップフィルター：Blur（10px）およびその他の構(gòu)文を使用して、つや消しガラス効果を?qū)g現(xiàn)します。 2。ぼやけ、明るさ、コントラストなどの複數(shù)のフィルター関數(shù)をサポートし、重ねることができます。 3.ガラスカードの設(shè)計でよく使用されており、要素が背景と重複するようにする必要があります。 4.最新のブラウザには優(yōu)れたサポートがあり、@Supportsを使用してダウングレードソリューションを提供できます。 5。パフォーマンスを最適化するために、過度のぼかしと頻繁な再描畫を避けてください。この屬性は、要素の背後にコンテンツがある場合にのみ有効になります。
CSSでバウンスアニメーションを作成する方法は？
Aug 02, 2025 am 05:44 AM
@keyframesbouncewith0％、100％attranslatey（0）および50％attranslatey（-20px）tocreateabasicbounce.2.applytheanimation to nelementusinginimation：Bounce0.6 sease-inutinfiniteforsmoth.
HTMLフォームで検索入力フィールドを作成する方法
Aug 02, 2025 pm 04:44 PM
usetheelementwithinatagtocreateasemanticsearchfield.2.includeaforAccessibility、settheform'sactionandmethod = "astributesenddatatoaseandpointwitharaibleableurl.3.addname =" q "dodefinethequeryparameter、umeplyholdertoguideuse
HTMLのリンクタグのREL屬性の目的は何ですか？
Aug 03, 2025 pm 04:50 PM
rel = "styleSheet" linkscssfilesforstylingthepage; 2.Rel = "preoad" hintstopreloadcriticalResourcesforPerformance; 3.REL = "ICON" setSthewebsite’sfavicon;
HTMLにPDFドキュメントを埋め込む方法は？
Aug 01, 2025 am 06:52 AM
タグを使用することは、最も簡単で推奨される方法です。構(gòu)文は、最新のブラウザがPDFを直接埋め込むのに適しています。 2.タグを使用すると、より良いコントロールおよびバックアップコンテンツのサポートを提供できます。Syntaxはサポートされていない場合にバックアップソリューションとしてタグのダウンロードリンクを提供します。 3. Google DocsViewerを介して組み込むことはできますが、プライバシーとパフォーマンスの問題のために広く使用することはお勧めしません。 4.ユーザーエクスペリエンスを改善するには、適切な高さを設(shè)定する必要があります。レスポンシブサイズ（高さ：80VHなど）およびPDFダウンロードリンクを提供して、ユーザーが自分でダウンロードして表示できるようにする必要があります。
HTMLのアンカータグのターゲット屬性の目的は何ですか？
Aug 02, 2025 pm 02:23 PM
thetargetattributeinanhtmlanchortagswheretoopenthelinkeddocument.1._ selfopensthelinkinthesametab（デフォルト）.2._blankpensthelinkinewtaborwindow.3.__parentopensthelinkinkintheparentframe.4._topensthelinkinthefuntowdowing
htmlでフォームデータを送信する送信ボタンを作成する方法
Aug 02, 2025 pm 04:46 PM
要素を使用し、アクションとメソッドの屬性を設(shè)定して、データ提出アドレスとメソッドを指定します。 2.名前屬性を持つ入力フィールドを追加して、サーバーによってデータが認(rèn)識できることを確認(rèn)します。 3. [送信]ボタンを使用または作成し、クリックした後、ブラウザはフォームデータを指定されたURLに送信します。これは、バックエンドで処理され、データ送信を完了します。
Windowsで元のシステムフォントを復(fù)元する方法
Aug 04, 2025 am 08:46 AM
Windowsシステムフォントを復(fù)元するには、まずサードパーティツールを使用してフォントを変更したかどうかを確認(rèn)してください。その場合、ツールの「デフォルトの復(fù)元」オプションをリセットします。ツールがない場合は、hkey_local_machine \ software \ microsoft \ windowsnt \ currentversion \ fontsをレジストリエディターに手動で見つけて、segoeuiのフォント値がsegoeui.ttfおよびその他のファイルを正しく指していることを確認(rèn)し、必要に応じてレジストリをバックアップすることができます。次に、コマンドプロンプトを管理者として実行し、SFC/Scannowコマンドを?qū)g行してシステムファイルを修復(fù)します。最後に、設(shè)定→パーソナライゼーション→テーマに移動し、デフォルトでWindowsを選択して點(diǎn)燈します。
