1、css 超链接伪类的顺序,考虑各浏览器兼容性。
答:a:link/*未访问的链接*/,
a:visited/*已访问的链接*/;
a:hover/*鼠标移动到链接上*/;
a:active/*选定的链接*/
2、css reset一开始就将浏览器的默认样式全部去掉,更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉!这就是CSS reset。
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before,blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
CSS Sprites简介:
通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprite其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的"background-image","background-repeat","background-repeat","background-position"的组合进行背景定位。
当页面加载时,不是加载每个单独图片,而是一次加载整个组合图片。这是一个了不起的改进,他大大减少了HTTP请求的次数,减轻服务器压力,同时缩短了悬停加载图片所需要的时间延迟,使效果更流畅,不会停顿。
CSS Sprites优点:1、利用CSS Sprites能很好地减少网页的http请求,从而大大的提高了页面的性能,这是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因;
2、个人认为 CSS Sprites能减少图片字节,我曾经比较过多次3张图片合并成1张图片的字节总是小于这三张图片的字节总和
缺点:1、宽屏,高分辨率屏幕下自适应页面,你的图片如果不够宽,很容易出现背景断裂
2、使用麻烦,要通过photoshop或其他工具测量计算每一个背景单元的精确位置,这是针线活,不过网上有“CSS Sprites”样式生成工具
3、由于图片位置需要固定为某个绝对值,这就失去了诸如center之类的灵活性