PHP基础教程 零基础学习PHP PHP基础教程 兄弟连PHP教程 CSS DIV课件.ppt

PHP基础教程_零基础学习PHP_PHP基础教程_兄弟连PHP教程_CSS DIV课件DIV+CSS标准化网页布局网址::4007001307概述业界对DIV+CSS的标准化设计关注DIV+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准传统的网页布局是使用网格DIVDIV全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用<P></P>是一样的。DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码注意:<div>标签可以用来组合其它的HTML元素,但不能嵌套在段落元素中,例如,<p>aa<div>bb</</p>的结果是不确定的。什么是DIV+CSSDIV+CSS布局这个布局中,div承载的是内容,而css承载的是样式。内容和样式的分离对于所见即所得的传统TABLE编辑方式确实是一个很大的冲击,尤其是设计人员很难接受设计一个他们不能立即看到的样式。不过随着学习,会发现div+css的好处实在是太明显了SPANSPAN的用法与DIV一样<div>这是DIV标记</div><span>这是SPAN标记</span>DIV与SPAN的区别DIV是块元素,使用会产生分行SPAN是一个行内元素,使用不会产生分行盒子模型每个HTML元素都可以看作一个装了东西的盒子,盒子具有宽度(width)和高度(height),盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin)。边缘margin(margin-top、margin-right、margin-bottom、margin-left):外边距顺序依次是上、右、下、左例如,{margin:2em4em}、{margin-left:-200px}padding(padding-top、padding-right、padding-bottom、padding-left):内边距指文本边框与文本之间的距离,顺序依次是上、右、下、左float:left;clear:left;width:600px;height:400px;padding-top:1px;padding-right:2px;padding-bottom:3px;padding-left:4px;margin:5px;总宽度的计算