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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了python自动化开发-[第十三天]-前端Css续相关的知识,希望对你有一定的参考价值。

今日概要:

  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续的主要内容,如果未能解决你的问题,请参考以下文章

学习python第十三天

Python之路第十一篇续前端之CSS补充

python第十三天(函数三)

进击的Python第十三章:Web前端基础之HTML与CSS样式

python第十三天

Linux运维学习历程-第十三天-yum前端工具与源码编译安装