CSSで、わからないところがあります
CSSを独学で勉強していますがあるところでソースをもらったのですがこういうのがありました。
CSSのはフォルダを作っています。
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
これは他のCSSと同じように沢山書いています。
@charset "UTF-8";
/* CSS Document */
* {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック';
font-size: 14px;
line-height: 1.6em;
}
以下続く
質問1
なぜ3つも必要のなのでしょうか?style.css1つにまとめてもいいのではないでしょうか?
質問2
style.cssの
* {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック';
font-size: 14px;
line-height: 1.6em;
}
これはアスタリスク*に対して指定しているのでしょうか?
質問3
HTML側にはShift_JISとなっていますが、CSSは@charset "UTF-8";となっており、これって間違いではないのでしょうか?
ネットで調べたら、文字化けの要因になると書いていました。
これはあっているのでしょうか?
HTML側
<!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
という各自の指定はCSSでされています。
3つを合わせて指定することができるのでしょうか?
それともこれってタグですか?
<span class="">って、
色、サイズ、太さをこのように指定するとこのようになるのでしょうか?
確かに色は青で太字でしたbig3は不明ですが・・・
初心者並の質問ですみません。
よろしくお願いします。
CSSの簡単なサイトを見てもやはりよく分からないのです。