如何使用css去除浏览器对表单赋予的默认样式
1、如果对这个默认样式不满意最简单的解决办法就是重新设置该样式的属性，因为user agent stylesheet优先级很低，会被覆盖，这样就不会影响到我们的样式了，比如这里我就讲form 的margin-bottom设为0px。
2、在css标签内，通过class设置ul的样式，将list-style属性设置为none，消除列表的默认序号。请点击输入图片描述 在css标签内，再将padding属性和margin属性消除li列表的内外边距。
3、清除在编写页面中由于浏览器默认样式带来的干扰。 兼容性更好，不同浏览器的默认样式可能会有所不同，如果不清楚可能会造成我们编写的页面在不同浏览器上的效果有所出入。
css怎么实现浏览器窗口改变大小后样式还是居中_html/css_WEB-ITnose
利用table特性，在width and height all set 100%的时候，可以把容器嵌套在td内形成绝对居中，此时的被嵌套容器可为绝对或者相对大小。
margin-left：-100px； 9 background：red； 10 } 这种方法基本浏览器都能够兼容，不足之处就是需要固定宽高。
实现原理：将div元素设置为绝对定位，然后设置它的left和right属性值分别为50%，这个时候div并没有居中，居中的是div的左上角，所以我们还需要再将其向上和向左拉动一定的距离即可，这个距离分别是高度和宽度的一半。
用CSS实现元素的水平居中，比较简单，可以设置text-align center，或者设置 margin-left：auto； margin-right：auto 之类的即可。 主要麻烦的地方还是在垂直居中的处理上，所以接下来主要考虑垂直方向上的居中实现。
前言 做页面布局时，经常会需要将一些页面元素居中显示。
因为这个是手机端的网页，所以可以考虑用CSSHTML5，只要主流的手机浏览器支持即可不知道上面的要求，纯CSS有没有办法实现，具体的思路是什么，HTML可以随意写，只要能实现像图片中这样显示就可以。
CSS解决浏览器的等宽空格问题
中文字体都是等宽的，一个全角空格的宽度就是一个普通中文的宽度。
这种问题的原因是：当浏览器窗口缩小到小于内层div时，实际内层div元素的宽度大于浏览器宽度，因而被撑开了。
页头要有声明，如xhtml或html5，可以直接复制代码，或如下图创建文件时声明文档类型。有了声明后所有浏览器都会用css盒模型的方式渲染，即：总宽=宽+内边距（padding值）+边框+外边距（margin值）。
浏览器怎么修改css
1、打开所要修改的网页，按下F12，弹出一个弹出框，点击弹出框的小箭头。
2、苹果Mac版Safar浏览器你直接用media(min-width：1366px)and(max-width：1440px){}这个来单独写一个CSS样式，看你的屏幕分辨率是多少，我查了下，MAC的是1440*900，所以就用上图我发的那个。
3、如果对这个默认样式不满意最简单的解决办法就是重新设置该样式的属性，因为user agent stylesheet优先级很低，会被覆盖，这样就不会影响到我们的样式了，比如这里我就讲form 的margin-bottom设为0px。
4、}body：-webkit-scrollbar-thumb{//最后改变body的滚动条滑轨相关的样式background： rgb(120， 120， 120)；border-radius： 5px；}可在样式中添加背景、透明度，边框，圆角等属性，使浏览器更美观。
5、没什么捷径走，兼容性是靠经验得来的。前期建议买本css书系统学习一下，做的时候每写一句css就用不同浏览器测试一下，哪个不兼容就立刻修改css。遵守规范，谨记用合适的标签做适合的事，最少的标签做最多的事。