網頁

▼

2019/8/1

CSS 練習 修改字型

請建立一份HTML文件，檔名為font.html。請用VS Code編輯。

font.html內容如下。

font.html

<!DOCTYPE html>
<html>

<head>
</head>

<body>
    <div class="content">
        <p id="p1" class="intro">
            JavaScript（通常縮寫為JS）是一種進階的、直譯的程式語言。JavaScript是一門基於原型、函式先行的語言[6]，是一門多範式的語言，它支援物件導向編程，指令式程式設計，以及函式語言程式設計。它提供語法來操控文字、陣列、日期以及正規表示式等，不支援I/O，比如網路、儲存和圖形等，但這些都可以由它的宿主環境提供支援。它已經由ECMA（歐洲電腦製造商協會）透過ECMAScript實作語言的標準化。它被世界上的絕大多數網站所使用，也被世界主流瀏覽器（Chrome、IE、Firefox、Safari、Opera）支援。
        </p>
    </div>
</body>

</html>

目前顯示的內容字型(font)為新細明體(PMingLiU)如下。



請在文件中的內部樣式使用Class selectors把內容的字型修改為微軟正黑體(Microsoft JhengHei)如下。



提示：使用Google查詢「CSS字型」，或「CSS font」等即可查到如何完成以上修改。


解答：

<!DOCTYPE html>
<html>

<head>
    <style>
    .intro {
        font-family: Microsoft JhengHei;
    }
    </style>
</head>

<body>
    <div class="content">
        <p id="p1" class="intro">
            JavaScript（通常縮寫為JS）是一種進階的、直譯的程式語言。JavaScript是一門基於原型、函式先行的語言[6]，是一門多範式的語言，它支援物件導向編程，指令式程式設計，以及函式語言程式設計。它提供語法來操控文字、陣列、日期以及正規表示式等，不支援I/O，比如網路、儲存和圖形等，但這些都可以由它的宿主環境提供支援。它已經由ECMA（歐洲電腦製造商協會）透過ECMAScript實作語言的標準化。它被世界上的絕大多數網站所使用，也被世界主流瀏覽器（Chrome、IE、Firefox、Safari、Opera）支援。
        </p>
    </div>
</body>

</html>

沒有留言:

張貼留言