iT邦幫忙

2023 iThome 鐵人賽

DAY 6
0
Modern Web

打造你的第一個網站系列 第 6

第六天 CSS選擇器語法

  • 分享至 

  • xImage
  •  

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


上一篇
第五天-HTML標籤實作分享
下一篇
第七天 CSS選擇器介紹
系列文
打造你的第一個網站32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言