我们常常会遇到由于一个图片过宽过大，撑破了我们设置的宽度。
解决办法
使用CSS控制改对象IMG标签宽度即可，假如该对象为.yangshi设置宽度为500px，那我们就只需设置.yangshi img{max-width:500px;}但是在IE6中max-width是失效的，那我们最好解决办法，在上传图片的时候更加设置宽度，让图片本身宽度小于该地方设置宽度即可，这样感觉很麻烦，但是很多大的网站都是这样解决，一可以避免撑破设置宽度，二可以降低图片大小让浏览器更快打开网页。
总结：
1、一个网页中难免有图片，这时我们需要初始化img标签即：img{ padding:0; border:0;}
2、避免图片过宽撑破网页，我们建议在上传图片时候将图片剪切来比设置宽度小，同时还可以对该对象加入overflow:hidden属性，即隐藏超出内容包括图片。
margin:10px; 意思就是上下左右元素块距离就是10px（10像素）等于margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px; 一样效果简写；
margin:5px 10px; 意思上下元素块距离为5px，左右的元素块距离为10px，等于margin-top:5px; margin-bottom:5px; margin-left:10px; margin-right:10px; 一样效果简写；
margin:5px 6px 7px; 意思上元素块距离5px，下元素块距离为7PX，左右元素块距离为6px，等于margin-top:5px; margin-bottom:7px; margin-left:6px; margin-right:6px; 一样效果简写；
margin:5px 6px 7px 8px; 意思上元素块为5px，右元素块距离为6px ，下元素块距离为7px，左元素块距离8px，等于margin-top:5px; margin-right:6px; margin-bottom:7px; margin-right:8px; 一样效果简写；
其中margin:5px 6px 7px 8px;
css为display:inline的li对象，li被排成一排，而未设置的li列表对象仍然继承原来自身独占一行的CSS样式。
介绍让英文单词或拼音首个字母大写、全文中英文单词全大写或小写的方法教程，这里我们介绍使用text-transform来实现首字母大写、全文大写、全文小写布局教程方法。
text-transform: none | capitalize | uppercase | lowercase
text-transform参数解释：
none : 默认无转换发生
capitalize : 将文章中出现每个单词或拼音的第一个字母转换成大写，其余无转换发生
uppercase : 将文章中所有英文单词拼音字母转换成大写
lowercase : 将文章中所有英文单词拼音字母转换成小写