摘要: <div id="box1"> <div id="left1"></div> <div id="right1"></div> </div> #box1{width:100%;height:600px;position:relative;} #left1{margin-right:200px;bord 阅读全文
posted @ 2016-05-03 21:47 安静的嘶吼 阅读(1005) 评论(0) 推荐(0) 编辑
摘要: 优雅降级: 一开始就构建完整的功能,然后再针对低版本浏览器进行兼容 渐进增强: 一开始就构建最少的特性,然后再对高版本浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 阅读全文
posted @ 2016-05-03 20:51 安静的嘶吼 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 相同点: 都是长度单位 不同点: px是绝对单位,不支持IE的缩放,em是相对单位。 px的值是固定的,指定是多少就是多少;em得值不是固定的,并且em会继承父级元素的字体大小 ps: 浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px 阅读全文
posted @ 2016-05-03 20:46 安静的嘶吼 阅读(142) 评论(0) 推荐(0) 编辑
摘要: href是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接。 src是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片等元素。当浏览器解析到该元素时,会暂停其他资源的下载 阅读全文
posted @ 2016-05-03 20:37 安静的嘶吼 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 1. 浮动 浮动是css的布局功能,在CSS中,包括div在内的任何元素都可以浮动的方式显示。它能够改变页面中对象的前后流动顺序。浮动元素会脱离文档流,不占据空间。浮动元素可以左右移动,直到碰到包含它的边框或者浮动元素的边框停留。 2. 浮动可能带来的问题 父元素的高度无法撑开,影响与父元素同级的元 阅读全文
posted @ 2016-05-03 20:28 安静的嘶吼 阅读(223) 评论(0) 推荐(0) 编辑