摘要:
为了约束浮动元素位置,我们页面布局一般采用的策略是: 先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置,符合网页布局第一准则。 阅读全文
摘要:
浮动特性 加了浮动之后的元素,会具有很多特性,需要我们掌握 1.浮动元素会脱离标准文档流(脱标) 2.浮动的元素会一行内显示并且元素顶部对齐 3.浮动的元素会具有行内块元素的特性 设置了浮动(float)的元素最重要特性 1.脱离标准流的控制(浮)移动到指定位置(动),(俗称脱标) 2.浮动的盒子不 阅读全文
摘要:
一。标准流(普通流/文档流) 所谓的标准流,就是标签按照规定好的默认方式排列 1.块级元素会独占一行,从上而下顺序排列 常用元素:div,hr,p,h1~h6,ul,ol,dl,form,table 2.行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。 常用元素:span a i e 阅读全文
摘要:
网页元素很多都带有默认内外边距,而且不同浏览器默认也不一致,因此我们在布局前,首先要清除下网页元素的内外边距 * { padding: 0; /* 清除内边距 */ margin: 0; /* 清除外边距 */ } 注意:行内元素为了照顾兼容性,尽量只设置左右内外边距,不要设置上下内外边距,但是转换 阅读全文
摘要:
外边距(margin) margin属性用于设置外边距,即控制盒子和盒子之间的距离 属性 作用 margin-left 左外边距 margin-right 右外边距 margin-top 上外边距 margin-botom 下外边距 外边距典型应用 外边距可以让块级盒子水平居中, 但是必须满足两个条 阅读全文