※ ChatGPTを利用し、要約された質問です(原文:.price の意味がわかりません。)
.price、.pc、.descの意味を解説|WEBデザインのタグについて
このQ&Aのポイント
.price、.pc、.descとは、WEBデザインのタグのクラス名です。.priceは価格を表す要素に適用され、フォントサイズが10pt、太字のテキストで、文字色が#c00(赤色)になります。.pcはパソコンを表す要素に適用され、フォントサイズが10ptです。.descは説明文を表す要素に適用され、フォントサイズが10ptです。
.price、.pc、.descは、CSSのクラスセレクタとして使用されます。.priceは価格を表示する際に使用されるクラスで、見出しや注目度を示すために太字や赤色のテキストが使用されます。.pcはパソコンに関連する情報を表示する際に使用されるクラスで、一般的にフォントサイズが10ptとなります。.descは補足説明や詳細な情報のために使用されるクラスで、一般的にフォントサイズが10ptとなります。
タグのクラス名である.price、.pc、.descについて解説します。.priceは価格を表す要素に適用され、フォントサイズが10pt、太字で、文字色は赤色となります。.pcはパソコンを表す要素に適用され、フォントサイズが10ptです。.descは説明文を表す要素に適用され、フォントサイズが10ptです。これらのクラスは、CSSでスタイルを指定する際に使用されます。
こんにちは、
WEBの勉強をしています。
以下のようなタグ打ちの中で、(雑誌WEBデザインより)
a { font-weight: bold; }
.price { font-size: 10pt; font-weight: bold; color: #c00; }
.pc { font-size: 10pt; }
.desc { font-size: 10pt; }
の箇所の、.price 、.pc、 .descの意味がわかりません。
とほほなどのサイトで調べましたがよくわかりませんでした。
何かお分かりの方がいましたら教えてください。 よろしくお願いします。
以下、内容
<title>表の内容をJavaScriptで自動生成する</title>
<style type="text/css">
省略
p { margin: 15px; }
img { border-width: 0; }
img.fl-lt { margin-right: 10px; margin-bottom: 10px; float: left; border: 1px solid #999; }
a { font-weight: bold; }
.price { font-size: 10pt; font-weight: bold; color: #c00; }
.pc { font-size: 10pt; }
.desc { font-size: 10pt; }
</style>
<script type="text/javascript">
<!--
iTblCnt = 6;
iTbl = new Array(
"A行の内容",
"B行の内容",
"C行の内容",
"D行の内容",
"E行の内容",
"F行の内容"
);
iTblColor = new Array("silver","white");
// -->
</script>
</head>
<body>
<table>
<script type="text/javascript">
<!--
for(iCnt=0; iCnt<iTblCnt; iCnt++) {
document.write(
"<tr><td style='background:",
iTblColor[iCnt%2],
"'>",
iTbl[iCnt],
"</td></tr>"
);
}
// -->
</script>
</table>
</body>
</html>
お礼
返信ありがとうございます。お蔭様でよく理解することができました。