ＣＳＳで、わからないところがあります
ＣＳＳを独学で勉強していますがあるところでソースをもらったのですがこういうのがありました。
ＣＳＳのはフォルダを作っています。
default.css import.css style.css
の3つです。
内容は下に書いています。
default.cssには
@charset "UTF-8";
body {
margin: 0;
padding: 0;
background-color:#FFFFFF;
text-align:left;
}
import.cssには
@charset "UTF-8";
/* CSS Document */
@import "default.css";
@import "style.css";
style.css
これは他のＣＳＳと同じように沢山書いています。
@charset "UTF-8";
/* CSS Document */
* {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
font-size: 14px;
line-height: 1.6em;
}
以下続く
質問1
なぜ3つも必要のなのでしょうか？style.css1つにまとめてもいいのではないでしょうか？
質問2
style.cssの
* {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
font-size: 14px;
line-height: 1.6em;
}
これはアスタリスク*に対して指定しているのでしょうか？
質問3
ＨＴＭＬ側にはShift_JISとなっていますが、ＣＳＳは@charset "UTF-8";となっており、これって間違いではないのでしょうか？
ネットで調べたら、文字化けの要因になると書いていました。
これはあっているのでしょうか？
ＨＴＭＬ側
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
質問4
<div id="header" style="background-image:url(img/header.jpg);">
<div id="a">
<div id="b">
<h1 id="a">猫の気持ち</h1>
<div id="c">
<span class="blue big3 b">猫の気持ち</span>
</div>
というソースがありました。
<span class="blue big3 b">猫の気持ち</span>
の中の、blue big3 bというの指定が見当たりません。
blue
big3
b
という各自の指定はＣＳＳでされています。
3つを合わせて指定することができるのでしょうか？
それともこれってタグですか？
<span class="">って、
色、サイズ、太さをこのように指定するとこのようになるのでしょうか？
確かに色は青で太字でしたbig3は不明ですが・・・
初心者並の質問ですみません。
よろしくお願いします。
ＣＳＳの簡単なサイトを見てもやはりよく分からないのです。
お礼
koutarou504さんいつもありがとうございます。 たしかに@importにCHARSET 属性は指定は出来ないですね。 今後は@charset "shift_jis";を使うことにします。 今後ともよろしくお願いします。