CSSの絶対長の単位
絶対長の単位は相互に固定されています。これらの単位は、出力形式がすでにわかっている場合に使用されます。以下は、絶対長の単位の一部です-
| Sr.No | 単位と説明 |
|---|---|
| 1 | cm センチメートル |
| 2 | mm ミリメートル |
| 3 | in インチ（1インチ=96px =2.54cm） |
| 4 | px * ピクセル（1px =1inの1/96） |
| 5 | pt ポイント（1pt =1inの1/72） |
| 6 | pc パイカ（1個=12ポイント） |
例
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
text-decoration: overline underline;
text-decoration-color: blue;
font-size: 0.3in;
}
</style>
</head>
<body>
<h1>Details</h1>
<p class="demo">Examination Center near ABC College.</p>
<p class="demo2">Exam begins at 9AM.</p>
</body>
</html> 出力
例
別の例を見てみましょう-
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
font-size: 1cm;
}
.demo2 {
font-size: 5mm;
}
</style>
</head>
<body>
<h1>ICC Rankings</h1>
<p class="demo">ICC Test Rankings released 29th November.</p>
<p class="demo2">ICC ODI Rankings released 30th November.</p>
</body>
</html> 出力
-
HTMLドキュメントにCSSを含める
HTMLドキュメントにCSSを含めるには、CSSを内部に含めるか、インラインに含めるか、外部ファイルにリンクします。 構文 HTMLにCSSファイルを含めるための構文は次のとおりです /*inline*/ <element style="/*declarations*/"></element> /*internal*/ <head> <style> /*declarations*/ </style> </head> /*external*/ <head> <link rel=&quo
-
CSSでセレクターをグループ化する
CSSグループ化セレクターは、複数の要素を選択し、それらを一緒にスタイル設定するために使用されます。これにより、各要素に共通のスタイルを宣言するためのコードと余分な労力が削減されます。セレクターをグループ化するには、各セレクターをスペースで区切ります。 構文 CSSグループ化セレクターの構文は次のとおりです- element, element { /*declarations*/ } 次の例は、CSSグループ化セレクター-を示しています。 例 <!DOCTYPE html> <html> <head> <style>