AdSense

網頁

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>

沒有留言:

AdSense