從今天開始我們會開始進入的CSS的世界。各位可以先到我的GitHub裡面下載我的第一個網站-2範例,搭配文章一起服用。
在我給的範例中,我設計了一個大的<div class="card-list">面包含 三個<div class="card">每一個<div class="card">在各自包含<img>及 <div class="card-body"><div class="card-body">內在包含<h3 class="card-title">及<p class="card-text">
再我們的範例中 我們先上一段title
<body>
<h1 id="title" class="title">我是一個title</h1>
</body>
接著再開起另一個資料夾並開啟新檔案檔名叫做style.css,內容打上
(這邊要注意的是必須要把原本的HTML與CSS檔案做連結這樣CSS的設定才會生效哦!連結的方式是在HTML <head></head>之中加入這一段文字:
<link rel="stylesheet" href="./css/style.css">
如此才可以引用我們設計好的CSS。