初日cssで勉強します

2535 ワード

入門
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>
インライン参照
<p style="font-size: 10px; color: #FFFFFF;">
          CSS        .
</p>
4.cssセレクタ:実はcssの名前で区別します。
タブ選択
クラス選択
idセレクタ
 
p
{
	font-size:12px;
}

.dreamdublue
{
	color:blue;
}

#dreamdured
{
	color:red;
}
セレクタの優先度

             ,       ,       。
    -       。
    - #ID > .class >      。
    -       。
    -   #id >#id ;   .class > .class。
    -     >     >     >    。