摘要: clear清除浮动1、作用: 规定元素的某一侧不允许存在浮动元素 2、值: 3、应用: 清除其他浮动元素对其产生的影响 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>清除浮动的应用</t 阅读全文
posted @ 2018-06-20 18:29 一分耕耘,一分收获 阅读(368) 评论(0) 推荐(0) 编辑
摘要: float浮动属性1、作用: 将页面元素浮动起来,使其能够向左或者向右排列 2、应用: 实现页面中布局的左右排版 实现图文环绕的版式效果 3、值: 4、原理: 浮动元素将脱离默认的文档流,漂浮在默认文档流之上 浮动的元素会向左或向右移动,直到它的外边缘碰到父级元素或这个元素之前的另一个浮动元素的边框 阅读全文
posted @ 2018-06-20 18:29 一分耕耘,一分收获 阅读(337) 评论(0) 推荐(0) 编辑
摘要: 1、标准盒子的尺寸计算 盒子自身的尺寸:内容的宽高+两侧内边距+两侧边框 盒子在页面中占位的尺寸:内容的宽高+两侧内边距+两侧边框+两侧外边距 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <titl 阅读全文
posted @ 2018-06-20 18:29 一分耕耘,一分收获 阅读(3203) 评论(0) 推荐(0) 编辑