一篇文章了解CSS学习技巧

CSS学习笔记

  • 顺口溜
    • 类选择器
    • 超链接伪类使用顺序

顺口溜

声明
这里仅仅记录一些好记的顺口溜,详细的学习请参考各官方文档。

类选择器

样式点定义,结构类(class)调用,一个或多个,开发最常用
一篇文章了解CSS学习技巧_第1张图片

超链接伪类使用顺序

css中伪类用于向某些选择器添加特殊的效果,比如给链接添加特殊效果
伪类选择器书写最大的特点是用冒号(:)表示。
现总结超链接伪类共有四个方式,分别用来表示四种状态
a:link {color:#FF0000;} /* 未访问的链接 /
a:visited {color:#00FF00;} /
已访问的链接 /
a:hover {color:#FF00FF;} /
鼠标划过链接 /
a:active {color:#0000FF;} /
已选中的链接 */
四种超链接伪类的书写顺序是固定的,不可以调整改变
记忆顺口溜如下:
love hate
或者:lv 包包 hao

你可能感兴趣的:(前端)