從今天開始我們會開始進入的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。