CSS外部样式表+伪选择器

CSS外部样式表

目的

就是将样式和内容分离开，将样式放到专门的一个位置。

好处

（1）便于重用

（2）便于团队开发

（3）便于后期的维护

（4）减小页面的大小，使用户更快的下载网页。

使用（VS中）

（1）在项目上右键选择添加新项，找到样式表

（2）把在<style type="text/css"></style>中写的样式复制到样式表中

（3）然后把<style type="text/css"></style>删除

（4）在项目中把该样式表拖到下图的位置就可以了。

伪选择器

为标签的不同状态设定不同的样式，以“：”为伪选择器的符号，例如：

A：visited：超链接点击过的样式

A：active：选中超链接的样式

A：link：超链接未被访问时的状态

A：hover：鼠标移动到超链接的状态

可以按照“LVHA”的顺序写。

注意：不是所有的元素都支持伪选择器，目前大多数只在A标签时使用。

其他的伪类还有：:first-letter首字母，:first-line首行，:focus获得焦点