CSS伪类、伪元素&HTML字符实体


CSS伪类选择器

我们在使用超链接a标签时,可以把各个文档链接起来,很方便的从一个文档跳到另外一个文档。但是我们会发现,未访问的超链接默认是蓝色的,访问后的超链接会变成紫红色,有时这并不是我们想要的结果。
这时我们可以用css伪类来改变它的样式

:link 表示未访问的超链接样式(静态伪类)
:visited 表示已访问过的超链接样式(静态伪类)
:hover 表示鼠标停留在超链接时的样式(动态伪类)
:active 表示鼠标点击时超链接的样式(动态伪类)
:focus 指定元素获得光标焦点时的样式,主要应用在文本框控件(动态伪类)

当然这些伪类的使用顺序也很重要,通常是“link-visited-hover-active”这样的。

a:link{color:red;}
a:visited{color:blue;}
a:hover{color:green;}
a:active{color:yellow;}

CSS伪元素选择器

:first-letter 用于设置首字母的样式
:first-line 用于设置首行样式
:before 用于在某个元素之前插入内容
:after 用于在某个元素之后插入内容

HTML常用字符实体

在写HTML代码的时候,某些字符是预留的,不能直接输入。例如“<”和“>”,因为浏览器会把它们误认为标签
如果要正确显示字符,就必须使用字符实体。

更多HTML字符实体http://www.w3school.com.cn/html/html_entities.asp


文章作者: COOL
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 COOL !
评论
  目录