超链接伪类、列表样式、CSS渐变

1. a:link未单击访问时超链接的样式

  a:visited单击访问后超链接的样式

  a:hover鼠标悬浮其上时超链接的样式-------最常用

  a:active鼠标单击未释放时超链接的样式

  如果都要设置,则需要按a:link---a:visited---a:hover---a:active,不然部分效果不会实现

  none没有下划线、underline下划线、overline上划线、line-through删除线

2.列表的样式

  01.   list-style-type

     none无标记符号、disc实心圆、circle空心圆、square实心正方形、decimal数字 

  02.   list-style-image

 

   03.   list-style-position

  04.    list-style

3.渐变

 线性渐变:linear-gradient(position,color1,color2)

position:  to bottom从上往下  to left 从右到左

       to top 从下往上    to right从左到右

       to top left从右下角到左上角

       to top right从下角到右上角

       to bottom left从右上角到左下角

       to bottom right从左上角到右下角 

各种浏览器的兼容前缀:

IE浏览器:-ms-linear-gradient

Firefox火狐-moz-linear-gradient

Chrome -webkit-linear-gradient

Opera -o-linear-gradient

Safari -webkit-linear-gradient

  径向渐变:radial-gradient

posted on 2018-01-25 12:54  洋葱没有心丨  阅读(541)  评论(0)    收藏  举报