a标签颜色

解决超链接点击访问后样式不出现的问题

碰到过点击了链接再返回后链接变色了不会变回来

我们同时设置了a:visited和a:hover以前讲过hover是一个伪类是一个合成属性，但访问超链接后

hover样式不再出现  

只要我们把两个位置缓过来就可以了

a:hover{color:yellow;}
a:visited{color:green;}

如果没有点击A标签鼠标滑过颜色会变为黄色   但点击过a便签后 颜色就变成绿色
鼠标滑过后也不会变为黄色

 

我们只要把他们俩的位置调换一下就可以了
a:visited{color:green;}
a:hover{color:yellow;}

这样不管点击过没有都会滑过变色

 居中  

简单的文本   图片居中只要给父类元素设置

text-align:center

文本图片等行内就会居中

 

块级元素居中

确定了宽度的块级元素居中通过设置margin-left:auto margin-right:auto来实现

 

不确定宽度的块级元素

给块级元素设置display为inline类型然后设置text-align:center来居中

 

但是设置成为行内元素的话比起块级元素会少些功能 比如 设置长宽

 

还可以给父元素设置float 然后父类元素设置position：relative和left50%

子元素设置position：relative和left：-50%

可以保留块级元素仍以display：block的形式

 

 

浏览器兼容选择符前缀   通过前缀可以知道他支持什么浏览器不支持什么浏览器

gt(greate than):选择条件版本以上版本，不包含条件版本本身；
lt(less than):这个刚好与gt相反，表示的是选择条件版本以下的版本，不包含条件版本自身；
gte(greate than or equal):选择条件版本以上版本，并包含条件版本自身；
lte(less than or equal):选择条件版本以下的版本，并包含条件版本自身

 支持所有ie浏览器

<!--[if IE]>
<link rel="stylesheet" href="test.css"  type="text/css"/>
<![endif]-->

支持除ie之外的所有浏览器

 

<!--[if !IE]>
<link rel="stylesheet" href="test.css"  type="text/css"/>

<![endif]-->

支持ie10浏览器

<!--[if IE 10]>
<link rel="stylesheet" type="text/css" href="ie10.css">
<![endif]-->

 支持ie9以下浏览器

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]-->