CSS学习笔记--盒模型，块级元素和行内元素的区别和区别_html/css_WEB-ITnose

    <p><br>这样会使所有浏览器按照W3C标准盒模型去解析页面元素，就满足了跨浏览器的要求了。</p>    <p>上面还提到了盒子模型是有空间的，主要表现在组成盒子的各个部分的层次不同。他们从上到下的顺序是</p>    <p><strong>border----->content、padding----->background-image----->background-color----->margin</strong></p>    <p>所以在处理页面元素的样式时还需要注意到这点。</p>    <p>第二个问题：行内元素和块级元素的区别和他们的特点是什么？总结如下：</p>    <p><strong>块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度.</strong></p>    <p><strong>行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化.　另外</strong></p>    <ol>         <li><strong>块级元素可以设置width,height属性.</strong></li>     <li><strong>行内元素设置width,height属性无效，它的长度高度主要根据内容决定.</strong></li>     <li><strong>块级元素即使设置了宽度,仍然是独占一行.</strong></li>     <li><strong>块级元素可以设置margin和padding属性.</strong></li>     <li><strong>行内元素的margin和padding属性,水平方向的padding-left,padding-right,margin-left,margin-right都产生边距效果,但竖直方向的padding-top,padding-bottom,margin-top,margin-bottom却不会产生边距效果.</strong></li>     <li><strong>块级元素对应于display:block.</strong></li>     <li><strong>行内元素对应于display:inline.</strong></li>    </ol>    <p>块级元素常见的有：<strong>div</strong>......行内元素常见的有：<strong>a</strong>，<strong>span</strong></p>    <p>如果想让一个元素可以设置宽度高度，又让它以行内形式显示，我们可以设置display的值为inline-block。</p>    <p>第三个问题：CSS的定位机制主要有几种？</p>    <p><strong>1.标准文档流形式（自上向下自左向右）</strong></p>    <p><strong>2.浮动float（主要针对块级元素设置）</strong></p>    <p><strong>3.绝对定位。</strong></p>    <p>怎么样，是不是又有问题了。。。浮动是什么？绝对定位又是什么？人生真是一场场问与答啊！这两个问题明天解决。</p>    <p>2016年1月8日</p>    <p>不积跬步，无以至千里</p>    <p> </p>    <p>PS：我查阅的大部分资料都是来自于网络，如有侵权，请联系我删除</p>      <p class="sycode"></p>   <p class="sycode"></p>   <p class="sycode">       </p><p class="sycode"></p>    <p class="sycode"></p>    <p class="sycode">        </p>    <p class="sycode"></p>    <p class="sycode"></p>