CSS選擇器

標籤選擇器(HTML標籤)h1pa…等標籤

:

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 字的間距

文章標籤
全站熱搜
創作者介紹
創作者 Kevin Chang 的頭像
Kevin Chang

Kevin Chang的前端學習部落格

Kevin Chang 發表在 痞客邦 留言(0) 人氣(14)