網頁

2019/7/28

CSS 練習 全體選擇器

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


universal.html內容如下。

請用外部樣式表(External style sheet)將以下CSS樣式套用在文件中全部的HTML元素。

{
    border: solid 1px; /* 邊界實線,寬1px */
    padding: 20px;     /* 邊界內距20px */
    margin: 0px;       /* 邊界外距0px */
}

universal.html

<!DOCTYPE html>
<html>
<head>
</head>
<body>(body)

    <div>(div)
        <h1>(h1)</h1>
        <p>(p)</p>
    </div>

</body>

</html>

在Chrome瀏覽器開啟如下。



提示:
使用CSS Universal selector 全體選擇器


解答:

universal.html

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>(body)

    <div>(div)
        <h1>(h1)</h1>
        <p>(p)</p>
    </div>

</body>

</html>

style.html

* {
    border: solid 1px;
    padding: 20px;
    margin: 0px;
}

沒有留言:

張貼留言