21CSS選擇器-class、id

CSS選擇器有:HTML標籤、Class選擇器和id選擇器。

網頁設計很常用<div>當作一個容器。

格式:

<style >

                                .class名稱{

                                    }

                                 #id名稱{

                                             }

</style>


參考範例:

 <style>

        h1 {

             color: red;

font-weight:bold; /* 粗體 */

        }

        #maindiv {

            font-size: 20px;

            font-family: 微軟正黑體;

        }

        .poem {

            font-style: italic;

            color: blue;

        }

    </style>

</head>

<body>

  

    <div id="maindiv">

   <h1>靜夜思</h1>

        <p class="poem"> 床前明月光,疑是地上霜。<br>

            舉頭望明月,低頭思故鄉。

        </p>

        <p>譯文<br>

            皎潔的月光灑落在我的床前,起初我還以為是地上結了霜,驀然抬頭仰望夜空的明月,低頭不禁想起了遙遠的故鄉。

        </p>

    </div>

</body>