初日cssで勉強します
2535 ワード
入門
1.言うのは容易ではない。
2.cssは何ですか
ページの内容とスタイルが分離されています。
3.cssはどうやってロードしますか
外部ローディング:
タブ選択
クラス選択
idセレクタ
1.言うのは容易ではない。
2.cssは何ですか
ページの内容とスタイルが分離されています。
3.cssはどうやってロードしますか
外部ローディング:
内部ローディング<
head
>
<
link
rel
=
"
stylesheet
"
type
=
"
text/css
"
href
=
"
http://www.dreamdu.com/style.css
"
/>
</
head
>
<
head
>
<
style
type
=
"
text/css
"
>
@import url(http://www.dreamdu.com/style.css);</
style
>
</
head
>
インライン参照<
style
type
=
"
text/css
"
>
<
![CDATA
[
/* ---------- ---------- */
.dreamdublack16px
{
color:black;
font-size:16px;
}
/* ---------- ---------- */
]]></
style
>
4.cssセレクタ:実はcssの名前で区別します。<
p
style
=
"
font-size: 10px; color: #FFFFFF;
"
>
CSS .
</
p
>
タブ選択
クラス選択
idセレクタ
セレクタの優先度p
{
font-size
:
12px
;
}
.dreamdublue
{
color
:
blue
;
}
#dreamdured
{
color
:
red
;
}
, , 。
- 。
- #ID > .class > 。
- 。
- #id >#id ; .class > .class。
- > > > 。