跟我一起去征服

一)html的发展史： 每当Web浏览器请求一个页面时，Web服务器会在发送实际页面内容之前，先发送一些头信息(header) ，这些头信息通常是不可见的，浏览器需要这些信息来决定如何解析随后的页面内容，最重要的头信 息时Content-Type，比如 Content-Type: text/html，“text/html”即是这个页面的“内容类型 (content type

一》html布局： 思路：可能很多的朋友跟我一样也是对前端页面开发没什么经验的，而且一看到网上的那些复杂的页面布局，就觉得头痛，确实。我是没有什么经验，那我们的要求就不要那么高了，先从大体上着手就 行。意思就是，先将从上到下，由左到右将网页的大局先画出来，然后再慢慢的修改。 二》布局流程： 1）用div布局：                         

margin:两个盒子之间的距离 可以使用     div{      margin:20px;     } 这样子的话，所有的div的边距都是20px的距离 如果使用#test{      margin:20px;     } 那么id为test的标签则为20px 但是这种指定方法是标签的四个方向都指定为20px，如果需要指定上下左右，则可以使用 mar

省去多余文字，只留概念： margin:盒子与盒子之间的距离。 border:盒子的边框。 padding:盒子边框到内容的距离。 直接上图： 代码如下：                        #container{             width:1002px;             background:gray;           }

padding:如果说margin是盒子与盒子之间的距离，那么padding就是盒子内部文字跟盒子之间的 距离       padding 文字到div边框的距离            #mydiv{            height:100px;            width:100px;            background:yellow

My JSP 'margin.jsp' starting page           div{           height:100px;           width:1002px;           background:yellow;           margin:0px auto;       }

盒子border的三要素：宽，形状，颜色。       border边框           #mydiv{         height:200px;         width:100px;         background:black;         border:10px solid yellow;       }