都用的是:冒号:
◆a:link{属性: 值; } 设置a标签默认的样式。
与a{属性: 值}的用法一样。 推荐使用a{属性: 值}设置样式。◆a:visited{属性: 值;} 设置a标签访问过后的样式。
注意:
:visited该伪类中只能设置与颜色相关的属性。
◆a:hover{属性: 值;} 设置鼠标悬停到超链接上的样式。
◆a:active{属性: 值;} a标签激活状态下的样式
input:focus{属性:值} 获取焦点时候的样式。
注意:
◆如果以上伪类都设置的话,必须按照以上顺序设置
L V H A
◆以上伪类中,可以单独设置一个hover即可。
去掉下划线 在a{
text-decoration:none
}
在鼠标放在a标签的时候显示下划线
a:hover{
text-decoration:underline
}
背景(background)
☞background-color 设置背景颜色
☞background-img 设置背景图片
◆默认值为 none 没有背景图片
☞background-repeat: 设置背景图片平铺方式
◆repeat 默认背景图片平铺
◆no-repeat 背景不平铺
◆repeat-x 横向平铺
◆repeat-y 纵向平铺
☞background-position: 设置背景图片的位置
注意:◆如果设置 background-position中出现了具体数字,那么第一个参数代表水平方向,第二个参数代表垂直方向。
背景属性联写 (字体那也可以连写)
background:background-color background-img background-repeat background-position;
去掉列表中的默认小圆点:
ul,li{list-style: none}