1. 程式人生 > >python自動化開發-[第十三天]-前端Css續

python自動化開發-[第十三天]-前端Css續

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="
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>
anchor例子

 

python自動化開發-[第十三天]-前端Css續