欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

a标签颜色  

程序员文章站 2024-03-15 13:44:59
...

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

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

我们同时设置了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]-->