首页 > 代码库 > python自动化开发-[第十三天]-前端Css续

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

2024-11-07 03:28:02   204人阅读

今日概要:

　　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=http://www.mamicode.com/"#" >超链接</a>


</body>
</html>
anchor例子

 

 

　

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


联系
我们