使用<a>标签跳转后图片大小的控制

使用<a>标签跳转后图片大小的控制

一、css代码的次序不对 或许在你的印象中，css是无序的，可以随意掺插，其实这种想法是错误的。如果你的css代码含有多个相同的属性，但每一个属性都有不同的值，那么浏览器会选择哪个呢？譬如： body{background-color:red} body{background-color:blue} body{background-color:green} body{background-color:white} body{background-color:black} 这段代码如果你测试后，你会知道你页面的最终的背景颜色会是黑色。当然没有人会傻到对一个标签给两个样式属性的，但是 a:visited{color:#fff} a:hover{color:#000} 你一定是常用的，而且你也一定知道visited指的是访问过的链接的颜色，hover是当鼠标放在链接上的颜色。但是你在编写css有没有留意一 定要让每个标签链接属性的visited写在hover的前面呢？其原理是一样的，如果你写在后面，它的颜色就会把hover的颜色覆盖掉，那样的话当你 鼠标不管是否放在链接上，链接的颜色都是访问过的颜色而不会改变。事实上他们的顺序为 a:link { color: #000000; } a:visited { color: #000000; } a:hover { color: #000000; } a:active { color: #000000; } 二、色彩搭配失误 Monyer告诉你的第二点就是：如果你的空间背景为黑色，那么你的空间就不应该有黑色或是灰色之类的文字出现；如果你空间为红色，就不应该有红色或是粉色文字出现......否则你的空间虽然漂亮，但是你别想让别人看到字，那么你的空间还有什么吸引力可言呢？ 另外一个问题就是大部分人的空间背景颜色太重了，这样当别人看起来会感觉眼睛很难受，其实下面这些颜色都是可以让人感到心情愉悦的