html+css学习笔记006-伪类

作者: Mr柳上原 | 来源:发表于2018-05-22 23:20 被阅读43次

Author:Mr.柳上原

  • 付出不亚于任何的努力
  • 愿我们所有的努力,都不会被生活辜负
  • 不忘初心,方得始终

自信与骄傲有异

自信者常沉着

而骄傲者常浮扬

想起老家有句俗话

满罐子不荡,半罐子一直荡

不要因为一点小小的成功而骄傲自满

前端的路上还没有入门

我还没有资格

对不起,对自己说

<!DOCTYPE html> <!-- 文档类型:标准html文档 -->

<html lang='en'> <!-- html根标签 翻译文字:英文 -->

<head> <!-- 网页头部 -->

<meat charset='UTF-8'/> <!-- 网页字符编码 -->

<meat name='Keywords' content='关键词1,关键词2'/>

<meat name='Description' content='网站说明'/>

<meat name='Author' content='作者'/>

<title>前端59期学员作业</title> <!-- 网页标题 -->

<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外链样式表 -->

<style type='text/css'> /*内部样式表*/

a:link{ /*  a标签未被点击时的效果 */
 }

a:hover{ /*  a标签划过时的效果 */
 }

a:active{/* a标签被点击时的效果 */
 } 

a:visited{ /* a标签被点击后的效果 */
 } 

e:hover f{ /* 以hover父元素来改变子元素 */
 } 

e::before{content:' '} 在e元素内容的前面添加内容

e::after{content:' '} 在e元素内容的后面添加内容

/* a标签点击效果
a:link{
    color:#696969;
}
a:visited{
    color:#000000;
}
a:hover{
    color:#DC143C;
}
a:active{
    color:#6A5ACD;
}
 */

/* 注意点:
一个伪元素的优先级相当于一个类,所以在选择器中要算上伪类的优先级
 */

</style>

</head>

<body> <!-- 网页主干:可视化区域 -->

<div class='box'>
<ul>
<li></li>
<li></li>
</ul>
</div>

</body>

</html>

相关文章

网友评论

    本文标题:html+css学习笔记006-伪类

    本文链接:https://www.haomeiwen.com/subject/hwcljftx.html