CSS選擇器
標籤選擇器(HTML標籤):h1、p、a…等標籤
如:
h1 {
CSS語法
}
擬態選擇器 :hover 、 :active
hover 是在控制當滑鼠移至某元件時,某元件該如何反應
active 是在控制當滑鼠按下元件且未放開時,某元件該如何反應
如:
a:hover{
color: #fc3a63; /* 當滑鼠滑過時,超連結文字顏色變成桃紅色 */
}
a: active {
color: #fc3a63; /* 當滑鼠滑鼠按下元件且未放開時,超連結文字顏色變成桃紅色 */
}
類別選擇器:當給予HTML標籤class名稱時,在CSS加上 .符號
如: class名稱為test1
.test1 {
CSS語法
}
30個建議記住的CSS選擇器
參考網頁: https://code.tutsplus.com/zh-hant/tutorials/the-30-css-selectors-you-must-memorize--net-16048
文字段落常用CSS語法
font-family 字型
font-size 字體大小
line-height 行距
text-align 文字對齊方向
text-indent 首行文字空X字,如文字16px 設定32px,則首行空2個字
letter-spacing 字的間距
文章標籤
全站熱搜