python自動化開發-[第十三天]-前端Css續
阿新 • • 發佈:2017-07-26
css python自動化 tle order deep font ppi 文檔流 family
今日概要:
1、偽類選擇器
2、選擇器優先級
3、vertical-align屬性
4、backgroud屬性
5、邊框border屬性
6、display屬性
7、padding居中
8、float半脫離文檔流
9、clear清楚浮動
10、postion定位
1、偽類選擇器
anchor偽類:專用於控制鏈接的顯示效果(hover重點)
‘‘‘ a:link(沒有接觸過的鏈接),用於定義了鏈接的常規狀態。 a:hover(鼠標放在鏈接上的狀態),用於產生視覺效果。 a:visited(訪問過的鏈接),用於閱讀文章,能清楚的判斷已經訪問過的鏈接。 a:active(在鏈接上按下鼠標時的狀態),用於表現鼠標按下時的鏈接狀態。 偽類選擇器 : 偽類指的是標簽的不同狀態: a==> 點過狀態 沒有點過的狀態 鼠標懸浮狀態 激活狀態 a:link {color: #FF0000} /* 未訪問的鏈接 */ a:visited {color: #00FF00} /* 已訪問的鏈接 */ a:hover {color: #FF00FF} /* 鼠標移動到鏈接上 */ a:active {color: #0000FF} /* 選定的鏈接 */ 格式: 標簽:偽類名稱{ css代碼; } ‘‘‘
<!DOCTYPE html> <html lang="anchor例子en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*鼠標放在的狀態*/ a:hover{ color: red; } /*沒有接觸過的鏈接*/ a:link{ color: gold; } /*在鏈接上按下鼠標時的狀態*/ a:active{ color: greenyellow; }/*訪問過的鏈接*/ a:visited{ color: deeppink; } </style> </head> <body> <a href="#" >超鏈接</a> </body> </html>
python自動化開發-[第十三天]-前端Css續