iT邦幫忙

2024 iThome 鐵人賽

DAY 25
0

今天我們來看看CSS~

什麼是CSS

CSS(Cascading Style Sheets,層疊樣式表)是用來控制網頁的外觀和佈局的語言。它可以用來設定字體、顏色、間距、對齊方式等,讓 HTML 結構有更漂亮的視覺呈現。

在HTML中使用CSS

要在HTML中使用CSS可以透過以下三種方法:

  • 內聯樣式 : 直接在HTML元素中使用style屬性設定樣式。

    <p style="color: blue;">這是一段文字,顯示為藍色。</p>
    
  • 內部樣式 : 將CSS放在HTML中<head>區域內的<style>標籤中。

    <style>
    p {
    color: red;
    }
    </style>
    
  • 外部樣式 : 將CSS寫在一個獨立的.css文件中,並在HTML中用<link>標籤引入。

    <link rel="stylesheet" href="styles.css">
    

CSS基本語法

CSS的基本語法由選擇器聲明塊組成:

  • 選擇器:指定要應用樣式的HTML元素

  • 聲明塊:包含一個或多個CSS屬性和他們的值,這些屬性將應用到選擇器指定的元素上。

選擇器 {
屬性名: 屬性值;
屬性名: 屬性值;
}

今天先介紹到這裡,謝謝觀看!/images/emoticon/emoticon08.gif


上一篇
探險日記 DAY 24
下一篇
探險日記 DAY 26
系列文
30天前端之旅:探索web開發的探險日記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言