码迷,mamicode.com
首页 > 编程语言 > 详细

python自动化开发-[第十三天]-前端Css续

时间:2017-07-26 02:02:25      阅读:245      评论:0      收藏:0      [点我收藏+]

标签:white   color   分享   visit   close   css   hit   sans   浮动   

今日概要:

  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续

标签:white   color   分享   visit   close   css   hit   sans   浮动   

原文地址:http://www.cnblogs.com/liujiliang/p/7237264.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!