width属性的使用
1. 解析width:100%与width:auto的区别
如果是p的width:100%，则说明p的width会得到980px就已经充满p区域，然后自己又有padding，所以会超出p。而当width:auto时它是总体宽度（包括width，margin,padding,border）等于父级宽度（width，不包含父级的margin,padding,border），所以如果padding已经左右占去10px的空间，那么width给的值就是960px。但无论是width:100%还是auto，其计算的参照都是父级内容区width值，而非总宽度值.
2. CSS调节图片的大小，要知道width、height
如何用css调整图片的大小，使用width和height这两个属性，这两个属性分别是用来设置元素的宽度和高度的。在CSS初学阶段，全部都是使用像素作单位。
3. css
宽度
width
宽度都是直接设置标签对象宽度，并且注意“等号”后跟具体数字宽度值（或百分比），具体宽度值不用跟长度单位，默认以像素(px)为单位，在TABLE表格标签或图片img标签内设置宽度时候其值不跟html单位，默认以像素为单位。
4. CSS2.1SPEC：视觉格式化模型之width属性详解(上)
width属性有几种不同的取值方式，有几下几种：
(1)宽度值：也就是用CSS长度值来明确地规定一个盒子的宽度，取值单位可以用CSS中支持的长度单位，比如px,em等。
(2)百分比：百分比是根据
包含块的宽度来计算的。但是如果包含块的宽度需要根据包含的内容来决定，那么最终的布局是未定义的，也就是标准中没有明确规定如何计算宽度值。另外，如果盒子是绝对定位的，那么它的百分比长度在计算时是根据包含块的
padding
edge的宽度来计算的。
(3)auto：根据CSS标准中规定的宽度计算方法来计算，具体的算法下文中将详细介绍
(4)inherit：事实上width属性是不可继承的，很奇怪为什么会有inherit这个选项，实际情况中width属性一般也很少用到inherit值
5. CSS2.1SPEC：视觉格式化模型之width属性详解(下)
"shrink-to-fit"算法的计算过程：
[1]计算preferred-width:在
除非包含的内容有明确的换行符(比如有<br/>标签时)，否则就不换行的情况下，容纳其包含的内容所需要的宽度。
[2]计算preferred-min-width:在
能换行时(英文碰到空格或标点符号，出现了块级元素，当然也包含出现了<br/>标签时)就换行的情况下，容纳所包含的内容需要的宽度。
[3]计算available-width:即利用2.2.3节中的公式：
available-width
=width
of
containing
block
-
'margin-left'
-
'border-left-width'
-
'padding-left'
-
'padding-right'
-
'border-right-width'
-
'margin-right，这里也包括所有滚动出去的宽度。
最终的width则为：min(preferred-width,
max(preferred-min-width,
available-width))。最终的公式可以总结为：最终的宽度以available-width为基准，同时保证不能大于preferred-width以及不能小于preferred-min-width
PHP需要掌握的知识还是比较多的，最基本的比如：PHP基本的语法、php框架以及CMS、mysql数据库设计表、mysql数据库的基本SQL语句。现在一般PHP的都得会前端，那就包括：js/ajax、html、css。如果更高点层次的就是linux服务器。下面参考雷雪松的个人博客学习PHP的路线和一些方法。
1、用集成环境安装PHP环境，一定要记住这一点，不要自己分开去装，尤其是自学的朋友。不然你会觉得很复杂，会没有信心学下去的。也要注意任何高手都不是一蹴而就的，是一步一步，不同的阶段历练才有最后的沉淀。
2、先了解一些基本的变量类型，语法，函数，基本逻辑，写简单的代码。前期以尝试，培养兴趣为主。这段时间是打基础很好的时候，这个会影响你后面的发展，不过也可以在后期去完善。
3、这时候你可能觉得PHP就这样，没什么难度，或者有的觉得太难了，简直一脸疑惑。这个到底有什么用。在这时候一定要坚持下来，可以试试先放一下，别太较真。慢慢的困惑你的会被你领悟的。这时，建议学习html+css+js,缓解自己的压力，这个相对简单,简历信心。尤其是js，总结其实有相同的思路，可以结合着一起体会。
4、这些都感觉有80%了解就可以先放放了，现在在学习MySQL，也是先了解基础的。这个是干什么的，我可以用它做什么。因为之前装的集成环境。为什么感觉是凌乱的，我想告诉你的是，一是不要在自己没能力解决问题的时候死磕，浪费时间，丧失信心。这时候我们要做的是学习壮大自己，不要灰心。二是我本来觉得这一切都了解才是完整的。我们的目标也是要把这些都做好，这才是一个合格的PHP程序员。
5、这一切都顺利的话，你基本离预设的目标不远了，完成了整个学习的70%了。后面的是在之前的基础上升华。把HTML和css、js结合、静态文件和PHP结合、PHP和MySQL结合。这个阶段可能越到的问题会异常的多，一定要学会解决问题。网上很多都是答案，同样你要学会问问题。
6、这些之后你基本已经快到学习的尾声了，但还缺少经验。这时，你可以看一些网上开源的cms，例如织梦，国内用的多，越到问题好解决。看看一些视频（网上免费的很多），查漏补缺，总结归纳形成自己的知识体系。是时候该准备庆祝下自己这段的时间没有白费（一般2到3各月，看平时每天花的时间），基本成为一个合格的PHP程序员了。也该恭喜你了，其实并不那么难。坚持，坚持；努力，努力；学习，学习。
PHP是服务器语言，而CSS控制是页面样式，一个网站可分为美工样式和功能两部分，PHP是来控制程序功能的，而CSS是来控制美工样式，他俩可以同时存在于同一个网页中，不属于同一类，没有可比性。
