iT邦幫忙

2023 iThome 鐵人賽

DAY 6
0
影片教學

一起來實作響應式網頁設計系列 第 6

一起來實作響應式網頁設計:認識CSS Day6

  • 分享至 

  • xImage
  •  

影片教學

Yes

重點回顧

CSS如同其名,可以串接不同元素,串接不同的屬性及其對應的值。撰寫方式可以如下

head 內撰寫

<head>
    <style>
      h1{color: blue;}
    </style>
  </head>

直接對某一個元素進行撰寫

<body> <!--主體 網頁內容呈現的地方-->
    <h1 style="color: blue;">CSS介紹</h1>
</body>

額外新增樣式表並引入

引入方式如下

方法一

<head>
    <link rel="stylesheet" href="index.css">
</head>

方法二

<head>
    <style>
      @import url(index.css);
    </style>
</head>

以上是今天的教學,謝謝大家觀看


上一篇
一起來實作響應式網頁設計:HTML的表單元素 Day5
下一篇
一起來實作響應式網頁設計:CSS的各種選擇器 Day7
系列文
一起來實作響應式網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言