一,常见的兼容问题:
1,浏览器默认的margin和padding不同
我们可以一开始直接在css样式表中加上*{margin:0px;padding:0px}来统一
2,Chrome中文界面默认会将小鱼12px的文本强制按照12px显示,可以通过-webkit-text-size-adjust:none解决
二,默认样式
1,浏览器默认为body标签添加8px的margin值,有时候默认的margin会影响到我们的页面的布局,所以在写css的时候,开头一定要写上将页面中所有默认的padding或者是margin值设为0px
2,a标签默字体是蓝色,和为字体下方添加下划线。
3,超链接访问过后hover样式就不出现了,被点击过的超链接样式不在具有hover和active。
所以书写顺序:
a:link{}
a:visited{}
a:hover{}
a:active{}
取消默认a标签下方的下划线操作:style='text-decoration:none'
4,li默认会在列表项的前面加上黑色的小圆点,我们通过list-style:none去掉默认样式