iT邦幫忙

2024 iThome 鐵人賽

DAY 14
0

接下來要學的是CSS語法,他和HTML也是很常一起出現的,但他們都不是標準的程式語言。CSS是一種風格頁面語言,主要是用於裝飾我們所開發的網頁。

CSS基本解析

首先我們先解析一下CSS規則,要先決定好HTML要改變的元素是哪個,然後再進行宣告,一個宣告中會包含屬性和屬性質以及一開始選擇要改變的HTML選擇器。

選擇器(Selector):選擇你想要應用樣式的元素。
屬性(Property):需要修改的屬性(如顏色、字體大小)。
屬性值(Value):屬性的具體值。
https://ithelp.ithome.com.tw/upload/images/20240928/201694367zyMA3lzJe.png

常用 CSS 屬性

顏色與字體:
color: 設置文字顏色。
font-size: 設置字體大小。
font-family: 設置字體樣式。

背景與邊框:
background-color: 設置背景顏色。
border: 設置邊框的樣式。

盒模型(Box Model):
padding: 設置內邊距。
margin: 設置外邊距。
width, height: 設置元素的寬度與高度。

選擇多個元素

可以選擇數種元素(elements)並同時用在同一個規則集上。
https://ithelp.ithome.com.tw/upload/images/20240928/20169436UDHqPuRhvO.png

今天學到這邊,明天還會繼續CSS。


上一篇
Day13 HTML 表單與表格
下一篇
Day15 CSS盒模型
系列文
原來程式語言一點都不難!跟著我30天java自學之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言