---
tags: 2021程式體驗營
---
# 體驗營課程-css常用語法
###### tags: css,類別選擇器
## 1.常見錯誤
*css載入連結的路徑位置錯誤
*設定屬性忘了加；分號｛｝大括號
*單字拼錯

## 2.選擇器
*標籤選擇器，例 `<a> <p> <h1>`
*類別選擇器，在標籤加上class屬性，自訂名稱設定css，例
`<button class="btn">
.btn{color:red;}`

*擬態選擇器
:hover 常用在a標籤，也可以用在其他html標籤例 h1:hover
:active 按住滑鼠不放時

## 3.文字
文字靠齊text-align:center;
文字縮排text-indent:32px;
文字底線text-decoration
畫刪除線text-decoration:line-through;
字距letter-spacing

## 4.線條
線條粗細
線條樣式: dotted dashed
顏色
方向: border-left border-right 等，可加在各個html標籤

## 顏色
玫瑰褐rosybrown